/* _ _ _ _____ | | | | (_) __ \ | | | |_ __ _| / \/ ___ _ __ ___ | | | | '_ \| | | / _ \| '__/ _ \ | |_| | | | | | \__/\ (_) | | | __/ \___/|_| |_|_|\____/\___/|_| \___| UniCore Engine Build @ 05/12/2023 - 15:05:31 */ /*! jQuery UI - v1.12.1 - 2018-05-13 * http://jqueryui.com * Includes:draggable.css,core.css,resizable.css,selectable.css,sortable.css,accordion.css,autocomplete.css,menu.css,button.css,controlgroup.css,checkboxradio.css,datepicker.css,dialog.css,progressbar.css,selectmenu.css,slider.css,spinner.css,tabs.css,tooltip.css,theme.css * To view and modify this theme,visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors;Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{/*background-image:url("../../assets/img/jqueryui/ui-icons_444444_256x240.png")*/}.ui-widget-header .ui-icon{/*background-image:url("../../assets/img/jqueryui/ui-icons_444444_256x240.png")*/}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../../assets/img/jqueryui/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../../assets/img/jqueryui/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../../assets/img/jqueryui/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../../assets/img/jqueryui/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../../assets/img/jqueryui/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}/* raleway-200 - latin */ @font-face{ font-family:'Raleway'; font-style:normal; font-weight:200; src:url('../fonts/raleway-v22-latin-200.eot');/* IE9 Compat Modes */ src:local(''), url('../fonts/raleway-v22-latin-200.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/raleway-v22-latin-200.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/raleway-v22-latin-200.woff') format('woff'),/* Modern Browsers */ url('../fonts/raleway-v22-latin-200.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/raleway-v22-latin-200.svg#Raleway') format('svg');/* Legacy iOS */ } /* raleway-regular - latin */ @font-face{ font-family:'Raleway'; font-style:normal; font-weight:400; src:url('../fonts/raleway-v22-latin-regular.eot');/* IE9 Compat Modes */ src:local(''), url('../fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/raleway-v22-latin-regular.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/raleway-v22-latin-regular.woff') format('woff'),/* Modern Browsers */ url('../fonts/raleway-v22-latin-regular.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/raleway-v22-latin-regular.svg#Raleway') format('svg');/* Legacy iOS */ font-display:swap; } /* raleway-300 - latin */ @font-face{ font-family:'Raleway'; font-style:normal; font-weight:300; src:url('../fonts/raleway-v22-latin-300.eot');/* IE9 Compat Modes */ src:local(''), url('../fonts/raleway-v22-latin-300.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/raleway-v22-latin-300.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/raleway-v22-latin-300.woff') format('woff'),/* Modern Browsers */ url('../fonts/raleway-v22-latin-300.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/raleway-v22-latin-300.svg#Raleway') format('svg');/* Legacy iOS */ font-display:swap; } /* raleway-500 - latin */ @font-face{ font-family:'Raleway'; font-style:normal; font-weight:500; src:url('../fonts/raleway-v22-latin-500.eot');/* IE9 Compat Modes */ src:local(''), url('../fonts/raleway-v22-latin-500.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/raleway-v22-latin-500.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/raleway-v22-latin-500.woff') format('woff'),/* Modern Browsers */ url('../fonts/raleway-v22-latin-500.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/raleway-v22-latin-500.svg#Raleway') format('svg');/* Legacy iOS */ font-display:swap; } /* raleway-600 - latin */ @font-face{ font-family:'Raleway'; font-style:normal; font-weight:600; src:url('../fonts/raleway-v22-latin-600.eot');/* IE9 Compat Modes */ src:local(''), url('../fonts/raleway-v22-latin-600.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/raleway-v22-latin-600.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/raleway-v22-latin-600.woff') format('woff'),/* Modern Browsers */ url('../fonts/raleway-v22-latin-600.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/raleway-v22-latin-600.svg#Raleway') format('svg');/* Legacy iOS */ font-display:swap; } /* raleway-700 - latin */ @font-face{ font-family:'Raleway'; font-style:normal; font-weight:700; src:url('../fonts/raleway-v22-latin-700.eot');/* IE9 Compat Modes */ src:local(''), url('../fonts/raleway-v22-latin-700.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/raleway-v22-latin-700.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/raleway-v22-latin-700.woff') format('woff'),/* Modern Browsers */ url('../fonts/raleway-v22-latin-700.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/raleway-v22-latin-700.svg#Raleway') format('svg');/* Legacy iOS */ font-display:swap; } /* raleway-800 - latin */ @font-face{ font-family:'Raleway'; font-style:normal; font-weight:800; src:url('../fonts/raleway-v22-latin-800.eot');/* IE9 Compat Modes */ src:local(''), url('../fonts/raleway-v22-latin-800.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ url('../fonts/raleway-v22-latin-800.woff2') format('woff2'),/* Super Modern Browsers */ url('../fonts/raleway-v22-latin-800.woff') format('woff'),/* Modern Browsers */ url('../fonts/raleway-v22-latin-800.ttf') format('truetype'),/* Safari,Android,iOS */ url('../fonts/raleway-v22-latin-800.svg#Raleway') format('svg');/* Legacy iOS */ font-display:swap; } /*! * Font Awesome Pro 5.3.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-alarm-clock:before{content:"\f34e"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-heart:before{content:"\f499"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-retro:before{content:"\f083"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-bump:before{content:"\f5e0"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-wide:before{content:"\f326"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-dice:before{content:"\f522"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hashtag:before{content:"\f292"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-home:before{content:"\f015"}.fa-home-heart:before{content:"\f4c9"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-integral:before{content:"\f667"}.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-racquet:before{content:"\f45a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scrubber:before{content:"\f2f8"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skeleton:before{content:"\f620"}.fa-skull:before{content:"\f54c"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-spade:before{content:"\f2f4"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-ramp:before{content:"\f4e0"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-watch:before{content:"\f2e1"}.fa-watch-fitness:before{content:"\f63e"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-style:normal;font-weight:normal;src:url(../fonts/fa-brands-400.eot);src:url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Pro";font-display:swap;font-style:normal;font-weight:300;src:url(../fonts/fa-light-300.eot);src:url(../fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.woff) format("woff"),url(../fonts/fa-light-300.ttf) format("truetype"),url(../fonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-display:swap;font-style:normal;font-weight:400;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-display:swap;font-style:normal;font-weight:900;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900} .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-alarm-clock:before{content:"\f34e"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angel:before{content:"\f779"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badger-honey:before{content:"\f6b4"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ball-pile:before{content:"\f77e"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bells:before{content:"\f77f"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-book-user:before{content:"\f7e7"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-books-medical:before{content:"\f7e8"}.fa-boot:before{content:"\f782"}.fa-booth-curtain:before{content:"\f734"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-brackets:before{content:"\f7e9"}.fa-brackets-curly:before{content:"\f7ea"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-loaf:before{content:"\f7eb"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-burrito:before{content:"\f7ed"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-cane:before{content:"\f786"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-bump:before{content:"\f5e0"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-network:before{content:"\f78a"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-chart-scatter:before{content:"\f7ee"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-cheese-swiss:before{content:"\f7f0"}.fa-cheeseburger:before{content:"\f7f1"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chimney:before{content:"\f78b"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-claw-marks:before{content:"\f6c2"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clipboard-user:before{content:"\f7f3"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-medical:before{content:"\f7f4"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-compress-wide:before{content:"\f326"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-croissant:before{content:"\f7f6"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-crutches:before{content:"\f7f8"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-debug:before{content:"\f7f9"}.fa-deer:before{content:"\f78e"}.fa-deer-rudolph:before{content:"\f78f"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dreidel:before{content:"\f792"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-ear-muffs:before{content:"\f795"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-egg-fried:before{content:"\f7fc"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-files-medical:before{content:"\f7fd"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-fireplace:before{content:"\f79a"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fish-cooked:before{content:"\f7fe"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flower:before{content:"\f7ff"}.fa-flower-daffodil:before{content:"\f800"}.fa-flower-tulip:before{content:"\f801"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folder-tree:before{content:"\f802"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-french-fries:before{content:"\f803"}.fa-frog:before{content:"\f52e"}.fa-frosty-head:before{content:"\f79b"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-gifts:before{content:"\f79c"}.fa-gingerbread-man:before{content:"\f79d"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass:before{content:"\f804"}.fa-glass-champagne:before{content:"\f79e"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glass-whiskey-rocks:before{content:"\f7a1"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-globe-snow:before{content:"\f7a3"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-santa:before{content:"\f7a7"}.fa-hat-winter:before{content:"\f7a8"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-side-brain:before{content:"\f808"}.fa-head-side-medical:before{content:"\f809"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-home-alt:before{content:"\f80a"}.fa-home-heart:before{content:"\f4c9"}.fa-home-lg:before{content:"\f80b"}.fa-home-lg-alt:before{content:"\f80c"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hospitals:before{content:"\f80e"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-flood:before{content:"\f74f"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-ice-skate:before{content:"\f7ac"}.fa-icicles:before{content:"\f7ad"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-integral:before{content:"\f667"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-island-tropical:before{content:"\f811"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-lights-holiday:before{content:"\f7b2"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailbox:before{content:"\f813"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-meat:before{content:"\f814"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mistletoe:before{content:"\f7b4"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-mug-marshmallows:before{content:"\f7b7"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-ornament:before{content:"\f7b8"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza:before{content:"\f817"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-popcorn:before{content:"\f819"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-search:before{content:"\f81a"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-rings-wedding:before{content:"\f81b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rv:before{content:"\f7be"}.fa-sack:before{content:"\f81c"}.fa-sack-dollar:before{content:"\f81d"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salad:before{content:"\f81e"}.fa-sandwich:before{content:"\f81f"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-sausage:before{content:"\f820"}.fa-save:before{content:"\f0c7"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-scarf:before{content:"\f7c1"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shish-kebab:before{content:"\f821"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shovel-snow:before{content:"\f7c3"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sickle:before{content:"\f822"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-skeleton:before{content:"\f620"}.fa-sketch:before{content:"\f7c6"}.fa-ski-jump:before{content:"\f7c7"}.fa-ski-lift:before{content:"\f7c8"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sledding:before{content:"\f7cb"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snow-blowing:before{content:"\f761"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowflakes:before{content:"\f7cf"}.fa-snowman:before{content:"\f7d0"}.fa-snowmobile:before{content:"\f7d1"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-soup:before{content:"\f823"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-spade:before{content:"\f2f4"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-christmas:before{content:"\f7d4"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-stars:before{content:"\f762"}.fa-staylinked:before{content:"\f3f5"}.fa-steak:before{content:"\f824"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stocking:before{content:"\f7d5"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-stretcher:before{content:"\f825"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-swords:before{content:"\f71d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-taco:before{content:"\f826"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tanakh:before{content:"\f827"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-tasks-alt:before{content:"\f828"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-tree-christmas:before{content:"\f7db"}.fa-tree-decorated:before{content:"\f7dc"}.fa-tree-large:before{content:"\f7dd"}.fa-tree-palm:before{content:"\f82b"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-plow:before{content:"\f7de"}.fa-truck-ramp:before{content:"\f4e0"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-hard-hat:before{content:"\f82c"}.fa-user-headset:before{content:"\f82d"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-md-chat:before{content:"\f82e"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-users-medical:before{content:"\f830"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walker:before{content:"\f831"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-watch:before{content:"\f2e1"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-webcam:before{content:"\f832"}.fa-webcam-slash:before{content:"\f833"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wreath:before{content:"\f7e2"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:swap;src:url(../fonts/fa-brands-400.eot);src:url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/fa-light-300.eot);src:url(../fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.woff) format("woff"),url(../fonts/fa-light-300.ttf) format("truetype"),url(../fonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}/** * Swiper 6.7.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on:May 31,2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.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}/* Default __________________________________________________________*/ *:focus{ outline:none; } *,::after,::before{ box-sizing:border-box; } ul{ padding:0; margin:0; } ul li{ padding:0; margin:0; list-style:none; } a{ color:var(--text-color); text-decoration:none; } pre{ white-space:normal; text-align:left; } pre code{ background-color:#eee; border:1px solid #999; display:block; padding:10px; line-height:1.4; } .clearfix{ clear:both; width:100%; display:block; overflow:auto; } .clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .hover{ transition:all 0.3s ease; } .hover:hover{ cursor:pointer; } .hover-move:hover{ cursor:move; } .responsive-transform-fix{ -webkit-transform:translate3d(0,0,0); } .break-word{ word-break:break-word; } .break-word-alt{ overflow-wrap:break-word; word-wrap:break-word; hyphens:auto; white-space:normal; } /*img[data-src]{ background-color:var(--bg-color); background-image:url('../img/loading.gif'); background-repeat:no-repeat; background-position:50% 50%; text-indent:-9999px; white-space:nowrap; overflow:hidden; color:rgba(0,0,0,0) !important; } img[data-src]{ }*/ /* Line height __________________________________________________________*/ .line-height-0{ line-height:0!important; } .line-height-0-8{ line-height:0.8!important; } .line-height-0-9{ line-height:0.9!important; } .line-height-1{ line-height:1!important; } .line-height-1-1{ line-height:1.1!important; } .line-height-1-2{ line-height:1.2!important; } .line-height-1-3{ line-height:1.3!important; } .line-height-1-4{ line-height:1.4!important; } .line-height-1-5{ line-height:1.5!important; } .line-height-1-6{ line-height:1.6!important; } /* Border radius __________________________________________________________*/ .border-radius-xs{ border-radius:2px!important; } .border-radius-sm{ border-radius:3px!important; } .border-radius{ border-radius:4px!important; } .border-radius-lg{ border-radius:6px!important; } .border-radius-t-l-lg{ border-top-left-radius:6px!important; } .border-radius-xl{ border-radius:8px!important; } .border-radius-xxl{ border-radius:30px!important; } .rounded-30{ border-radius:30px; } .border-radius-10{ border-radius:10px!important; } .border-radius-15{ border-radius:15px!important; } .border-radius-20{ border-radius:20px!important; } .border-radius-none{ border-radius:0!important; } .border-radius-50p{ border-radius:50%!important; } /* Defines __________________________________________________________*/ body{ --container-width:1200px; --color-text:#000; --color-text-reverse:#fff; --bg-color:#fff; --bg-color-reverse:#000; --bg-color-alt:#f7f7f7; --color-green:#7cab60; --color-green-alt:#7cab60; --color-blue:#0a84ff; --color-blue-alt:#1a7cde; --color-blue-dark:#1f38d2; --color-blue-light:#ebf4fd; --color-blue-light-alt:#ebf4fd; --color-red:#d35e66; --color-red-alt:#d35e66; --color-yellow:#ffdd5b; --color-yellow-alt:#ffdd5b; --color-text-2:#7d7d84; /* Version 1 */ --text-color:#222; --bg-color:#fff; --bg-dark:#f5f5f5; --bg-dark-hover:#dcdcdc; --box-color:#f5f5f5; --bg-default:rgba(255,255,255,0.05); --bg-default-hover:rgba(255,255,255,0.1); --animation:all 0.3s ease; overflow-x:hidden; } /*body.dark{ --text-color:#fff; --bg-color:#111112; --bg-dark:#0a0a0a; --bg-dark-hover:#000; --box-color:#0d0d0d; --bg-default:rgba(255,255,255,0.05); --bg-default-hover:rgba(255,255,255,0.1); --border-color:rgba(255,255,255,0.05); }*/ body{ color:var(--color-text); -webkit-text-size-adjust:none; } #app{ overflow:hidden; } #content{ transform:translate3d(0,0,0); } #content{ transform:none; } body,html{ background-color:var(--bg-color)!important; padding:0; margin:0; font-family:'Inter'; /*font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;*/ font-weight:400; overflow-x:hidden; color:var(--text-color); font-size:1rem; overflow:hidden; } a:hover{ cursor:pointer; } .cursor-not-allowed:hover{ cursor:not-allowed; } .cursor-help:hover{ cursor:help; } body:not(.flexsite) p{ font-size:0.85rem; line-height:1.4; margin:0 0 20px; } body:not(.use-nano) #app{ width:100%; overflow-y:auto; height:100vh; overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling:touch; } body:not(.use-nano).mobile #app{ height:-webkit-fill-available; } body:not(.use-nano) #content > .nano{ position:static; width:auto; height:auto; overflow:visible; } body:not(.use-nano) #content > .nano > .nano-content{ position:static; overflow:visible; overflow-x:visible; overflow-x:visible; top:auto; right:auto; bottom:auto; left:auto; padding-right:0; } /* SM */ @media (max-width:992px){ body,html{ overflow:hidden; } #app{ width:100%; overflow-y:auto; height:100vh; height:-webkit-fill-available; overflow-y:scroll; -webkit-overflow-scrolling:touch; } } .hidden-light{ display:none; } body.dark .hidden-light{ display:block; } .hidden-dark{ display:block; } body.dark .hidden-dark{ display:none; } #loading{ background-color:var(--bg-color); position:fixed; top:0; left:0; right:0; bottom:0; z-index:9998; width:100%; height:100%; text-align:center; } #loading .loader{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0)!important; margin-top:0!important; margin-left:0!important; } #loading .loader .spin-icon{ position:relative!important; left:0; top:0; margin-top:0!important; margin-left:0!important; } #loading .logo{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0)!important; width:80px; height:80px; } #loading #loading-progress{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0)!important; } #loading #loading-progress img{ width:40px; } #loading #loading-progress .progress{ background-color:rgba(255,255,255,0.1); height:4px; margin:10px auto 5px; -webkit-box-shadow:inset 0px 3px 5px rgba(0,0,0,0.5); box-shadow:inset 0px 3px 5px rgba(0,0,0,0.5); width:50px; display:block; } #loading #loading-progress .progress-bar{ background:#896cc5; background:-moz-linear-gradient(left,#896cc5 0%,#4c7ed4 100%); background:-webkit-linear-gradient(left,#896cc5 0%,#4c7ed4 100%); background:linear-gradient(to right,#896cc5 0%,#4c7ed4 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#896cc5',endColorstr='#4c7ed4',GradientType=1 ); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2398d4',endColorstr='#b94cd9',GradientType=1 ); -webkit-box-shadow:0 0 20px rgba(0,0,0,0.85); box-shadow:0px 0px 20px rgba(0,0,0,0.85); transition:width .2s ease; } #loading #loading-progress #loading-status{ color:var(--text-color); text-align:center; font-size:11px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; opacity:0.5; margin:0 0 3px; display:none; } /* ======================================= LOADING ROTATE ======================================= */ @-webkit-keyframes loading-rotate{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); } 100%{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); } } @-moz-keyframes loading-rotate{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); } 100%{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes loading-rotate{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); } 100%{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); } } .loading-spinner{ -webkit-animation-duration:0.75s; -moz-animation-duration:0.75s; animation-duration:0.75s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-name:loading-rotate; -moz-animation-name:loading-rotate; animation-name:loading-rotate; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; animation-timing-function:linear; height:14px; width:14px; border:1px solid #ffffff; border-right-color:transparent; border-radius:50%; display:none; margin-top:8px; } .loading-container{ position:absolute; top:0; left:0; width:100%; height:100%; } .login-loader{ position:absolute; width:100%; height:100%; background-color:rgba(255,255,255,0.85); z-index:5500; display:none; } body.dark .login-loader{ background-color:rgba(0,0,0,0.85); } .spin-icon{ position:absolute; height:40px; width:40px; top:50%; left:50%; margin-top:-20px; margin-left:-20px; border-top:2px solid rgba(0,0,0,0.3); border-left:2px solid rgba(0,0,0,0); border-bottom:2px solid rgba(0,0,0,0); border-right:2px solid rgba(0,0,0,0); border-radius:50%; -webkit-animation:rotation 0.5s infinite linear; animation:rotation 0.5s infinite linear; } .spin-icon.sm{ height:30px; width:30px; margin-top:-15px; margin-left:-15px; } .spin-icon.xs{ height:20px; width:20px; margin-top:-10px; margin-left:-10px; } .spin-icon{ border-top:2px solid rgba(255,255,255,0.3); border-left:2px solid rgba(255,255,255,0); border-bottom:2px solid rgba(255,255,255,0); border-right:2px solid rgba(255,255,255,0); } body.dark #loading .spin-icon{ border-top:2px solid rgba(255,255,255,0.3); border-left:2px solid rgba(255,255,255,0); border-bottom:2px solid rgba(255,255,255,0); border-right:2px solid rgba(255,255,255,0); } .login-loader .spin-icon, .spin-icon.dark{ border-top:2px solid rgba(0,0,0,0.3); border-left:2px solid rgba(0,0,0,0); border-bottom:2px solid rgba(0,0,0,0); border-right:2px solid rgba(0,0,0,0); } body.dark .login-loader .spin-icon{ border-top:2px solid rgba(255,255,255,0.3); border-left:2px solid rgba(255,255,255,0); border-bottom:2px solid rgba(255,255,255,0); border-right:2px solid rgba(255,255,255,0); } @-webkit-keyframes rotation{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } @keyframes rotation{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } /* Overflow __________________________________________________________*/ .of-a{ overflow:auto!important; } .of-h{ overflow:hidden!important; } .of-v{ overflow:visible!important; } .of-a-y{ overflow-y:auto!important; overflow-x:hidden; } /* LG */ @media (max-width:1600px){ .of-a-lg { overflow:auto!important; } } /* MD */ @media (max-width:1200px){ .of-a-md { overflow:auto!important; } } /* SM */ @media (max-width:992px){ .of-a-sm { overflow:auto!important; } } /* XS */ @media (max-width:768px){ .of-a-xs { overflow:auto!important; } } /* Blur __________________________________________________________*/ .blur-xxxxxl{ -webkit-filter:blur(20px); filter:blur(20px); } .blur-xxxxl{ -webkit-filter:blur(15px); filter:blur(15px); } .blur-xxxl{ -webkit-filter:blur(10px); filter:blur(10px); } .blur-xxl{ -webkit-filter:blur(5px); filter:blur(5px); } .blur-xl{ -webkit-filter:blur(3px); filter:blur(3px); } .blur-lg{ -webkit-filter:blur(2.5px); filter:blur(2.5px); } .blur{ -webkit-filter:blur(2px); filter:blur(2px); } .blur-sm{ -webkit-filter:blur(1.5px); filter:blur(1.5px); } .blur-xs{ -webkit-filter:blur(1px); filter:blur(1px); } /* Z-index __________________________________________________________*/ .z-1 { z-index:1!important;} .z-2 { z-index:2!important;} .z-3 { z-index:3!important;} .z-4 { z-index:4!important;} .z-5 { z-index:5!important;} .z-6 { z-index:6!important;} .z-7 { z-index:7!important;} .z-8 { z-index:8!important;} .z-9 { z-index:9!important;} .z-10 { z-index:10!important;} .z-11 { z-index:11!important;} .z-12 { z-index:12!important;} .z-13 { z-index:13!important;} .z-14 { z-index:14!important;} .z-15 { z-index:15!important;} .z-16 { z-index:16!important;} .z-17 { z-index:17!important;} .z-18 { z-index:18!important;} .z-19 { z-index:19!important;} .z-20 { z-index:20!important;} .z-30 { z-index:30!important;} .z-40 { z-index:40!important;} .z-50 { z-index:50!important;} .z-60 { z-index:60!important;} .z-70 { z-index:70!important;} .z-80 { z-index:80!important;} .z-90 { z-index:90!important;} .z-100 { z-index:100!important;} /* Opacity __________________________________________________________*/ .opacity-xxxl{ opacity:0.9!important; } .opacity-xxl{ opacity:0.8!important; } .opacity-xl{ opacity:0.7!important; } .opacity-lg{ opacity:0.6!important; } .opacity{ opacity:0.5!important; } .opacity-sm{ opacity:0.4!important; } .opacity-xs{ opacity:0.3!important; } .opacity-xxs{ opacity:0.2!important; } .opacity-xxxs{ opacity:0.1!important; } .opacity-0-05{ opacity:0.05!important; } .opacity-0-025{ opacity:0.025!important; } /* Wrappers __________________________________________________________*/ .wrapper{ padding:20px; } .wrapper-xxs{ padding:5px; } .wrapper-xs{ padding:10px; } .wrapper-sm{ padding:15px; } .wrapper-lg{ padding:30px; } .wrapper-xl{ padding:50px; } .wrapper-xxl{ padding:60px; } .wrapper-xxxl{ padding:70px; } .wrapper-xxxxl{ padding:80px; } .wrapper-none{ padding:0px; } /* LG */ @media (max-width:1600px){ .wrapper-lg-xxs{ padding:5px;} .wrapper-lg-xs{ padding:10px;} .wrapper-lg-sm{ padding:15px;} .wrapper-lg-md{ padding:20px;} .wrapper-lg-lg{ padding:30px;} .wrapper-lg-xl{ padding:50px;} .wrapper-lg-xxl{ padding:60px;} .wrapper-lg-xxxl{ padding:70px;} .wrapper-lg-xxxxl{ padding:80px;} .wrapper-lg-none{ padding:0;} } /* MD */ @media (max-width:1200px){ .wrapper-md-xxs{ padding:5px;} .wrapper-md-xs{ padding:10px;} .wrapper-md-sm{ padding:15px;} .wrapper-md-md{ padding:20px;} .wrapper-md-lg{ padding:30px;} .wrapper-md-xl{ padding:50px;} .wrapper-md-xxl{ padding:60px;} .wrapper-md-xxxl{ padding:70px;} .wrapper-md-xxxxl{ padding:80px;} .wrapper-md-none{ padding:0;} } /* SM */ @media (max-width:992px){ .wrapper-sm-xxs{ padding:5px;} .wrapper-sm-xs{ padding:10px;} .wrapper-sm-sm{ padding:15px;} .wrapper-sm-md{ padding:20px;} .wrapper-sm-lg{ padding:30px;} .wrapper-sm-xl{ padding:50px;} .wrapper-sm-xxl{ padding:60px;} .wrapper-sm-xxxl{ padding:70px;} .wrapper-sm-xxxxl{ padding:80px;} .wrapper-sm-none{ padding:0;} } /* XS */ @media (max-width:768px){ .wrapper-xs-xxs{ padding:5px;} .wrapper-xs-xs{ padding:10px;} .wrapper-xs-sm{ padding:15px;} .wrapper-xs-md{ padding:20px;} .wrapper-xs-lg{ padding:30px;} .wrapper-xs-xl{ padding:50px;} .wrapper-xs-xxl{ padding:60px;} .wrapper-xs-xxxl{ padding:70px;} .wrapper-xs-xxxxl{ padding:80px;} .wrapper-xs-none{ padding:0;} } /* Page Height __________________________________________________________*/ .page-height.vh-5{ height:5vh!important; } .page-height.vh-10{ height:10vh!important; } .page-height.vh-15{ height:15vh!important; } .page-height.vh-20{ height:20vh!important; } .page-height.vh-25{ height:25vh!important; } .page-height.vh-30{ height:30vh!important; } .page-height.vh-33{ height:33vh!important; } .page-height.vh-35{ height:35vh!important; } .page-height.vh-40{ height:40vh!important; } .page-height.vh-50{ height:50vh!important; } .page-height.vh-60{ height:60vh!important; } .page-height.vh-66{ height:66vh!important; } .page-height.vh-70{ height:70vh!important; } .page-height.vh-75{ height:75vh!important; } .page-height.vh-80{ height:80vh!important; } .page-height.vh-85{ height:85vh!important; } .page-height.vh-90{ height:90vh!important; } .page-height.vh-95{ height:95vh!important; } .page-height.vh-100{ height:100vh!important; } #app.mobile .page-height.vh-100{ height:-webkit-fill-available; } .page-height.vh-auto{ height:auto!important; } .page-height.h-min-auto{ min-height:auto!important; } /* LG */ @media (min-width:1201px){ .page-height.vh-onlylarge-100{ height:100vh!important;} } /* LG */ @media (max-width:1600px){ .page-height.vh-lg-5{ height:5vh!important;} .page-height.vh-lg-10{ height:10vh!important;} .page-height.vh-lg-15{ height:15vh!important;} .page-height.vh-lg-20{ height:20vh!important;} .page-height.vh-lg-25{ height:25vh!important;} .page-height.vh-lg-30{ height:30vh!important;} .page-height.vh-lg-33{ height:33vh!important;} .page-height.vh-lg-40{ height:40vh!important;} .page-height.vh-lg-50{ height:50vh!important;} .page-height.vh-lg-60{ height:60vh!important;} .page-height.vh-lg-66{ height:66vh!important;} .page-height.vh-lg-70{ height:70vh!important;} .page-height.vh-lg-75{ height:75vh!important;} .page-height.vh-lg-80{ height:80vh!important;} .page-height.vh-lg-85{ height:85vh!important;} .page-height.vh-lg-90{ height:90vh!important;} .page-height.vh-lg-95{ height:95vh!important;} .page-height.vh-lg-100{ height:100vh!important;} #app.mobile .page-height.vh-lg-100{ height:-webkit-fill-available; } .page-height.vh-lg-auto{ height:auto!important;} } /* MD */ @media (max-width:1200px){ .page-height.vh-md-5{ height:calc(5vh - 40px)!important;} .page-height.vh-md-10{ height:calc(10vh - 40px)!important;} .page-height.vh-md-15{ height:calc(15vh - 40px)!important;} .page-height.vh-md-20{ height:calc(20vh - 40px)!important;} .page-height.vh-md-25{ height:calc(25vh - 40px)!important;} .page-height.vh-md-30{ height:calc(30vh - 40px)!important;} .page-height.vh-md-33{ height:calc(33vh - 40px)!important;} .page-height.vh-md-40{ height:calc(40vh - 40px)!important;} .page-height.vh-md-50{ height:calc(50vh - 40px)!important;} .page-height.vh-md-60{ height:calc(60vh - 40px)!important;} .page-height.vh-md-66{ height:calc(66vh - 40px)!important;} .page-height.vh-md-70{ height:calc(70vh - 40px)!important;} .page-height.vh-md-75{ height:calc(75vh - 40px)!important;} .page-height.vh-md-80{ height:calc(80vh - 40px)!important;} .page-height.vh-md-85{ height:calc(85vh - 40px)!important;} .page-height.vh-md-90{ height:calc(90vh - 40px)!important;} .page-height.vh-md-95{ height:calc(95vh - 40px)!important;} .page-height.vh-md-100{ height:calc(100vh - 40px)!important;} #app.mobile .page-height.vh-md-100{ height:-webkit-fill-available; } .page-height.vh-md-auto{ height:auto!important;} } /* SM */ @media (max-width:992px){ .page-height.vh-sm-5{ height:calc(5vh)!important;} .page-height.vh-sm-10{ height:calc(10vh)!important;} .page-height.vh-sm-15{ height:calc(15vh)!important;} .page-height.vh-sm-20{ height:calc(20vh)!important;} .page-height.vh-sm-25{ height:calc(25vh)!important;} .page-height.vh-sm-30{ height:calc(30vh)!important;} .page-height.vh-sm-33{ height:calc(33vh)!important;} .page-height.vh-sm-40{ height:calc(40vh)!important;} .page-height.vh-sm-50{ height:calc(50vh)!important;} .page-height.vh-sm-60{ height:calc(60vh)!important;} .page-height.vh-sm-66{ height:calc(66vh)!important;} .page-height.vh-sm-70{ height:calc(70vh)!important;} .page-height.vh-sm-75{ height:calc(75vh)!important;} .page-height.vh-sm-80{ height:calc(80vh)!important;} .page-height.vh-sm-85{ height:calc(85vh)!important;} .page-height.vh-sm-90{ height:calc(90vh)!important;} .page-height.vh-sm-95{ height:calc(95vh)!important;} .page-height.vh-sm-100{ height:calc(100vh)!important;} #app.mobile .page-height.vh-sm-100{ height:-webkit-fill-available; } .page-height.vh-sm-auto{ height:auto!important;} } /* XS */ @media (max-width:768px){ .page-height.vh-xs-5{ height:calc(5vh - 40px)!important;} .page-height.vh-xs-10{ height:calc(10vh - 40px)!important;} .page-height.vh-xs-15{ height:calc(15vh - 40px)!important;} .page-height.vh-xs-20{ height:calc(20vh - 40px)!important;} .page-height.vh-xs-25{ height:calc(25vh - 40px)!important;} .page-height.vh-xs-30{ height:calc(30vh - 40px)!important;} .page-height.vh-xs-33{ height:calc(33vh - 40px)!important;} .page-height.vh-xs-40{ height:calc(40vh - 40px)!important;} .page-height.vh-xs-50{ height:calc(50vh - 40px)!important;} .page-height.vh-xs-60{ height:calc(60vh - 40px)!important;} .page-height.vh-xs-66{ height:calc(66vh - 40px)!important;} .page-height.vh-xs-70{ height:calc(70vh - 40px)!important;} .page-height.vh-xs-75{ height:calc(75vh - 40px)!important;} .page-height.vh-xs-80{ height:calc(80vh - 40px)!important;} .page-height.vh-xs-85{ height:calc(85vh - 40px)!important;} .page-height.vh-xs-90{ height:calc(90vh - 40px)!important;} .page-height.vh-xs-95{ height:calc(80vh - 40px)!important;} .page-height.vh-xs-100{ height:calc(100vh - 40px)!important;} #app.mobile .page-height.vh-xs-100{ height:-webkit-fill-available; } .page-height.vh-xs-auto{ height:auto!important;} } /* Margin __________________________________________________________*/ .m-auto{ margin:0 auto!important; } /* LG */ @media (max-width:1600px){ .m-auto-lg{margin:0 auto!important;} } /* MD */ @media (max-width:1200px){ .m-auto-md{margin:0 auto!important;} } /* SM */ @media (max-width:992px){ .m-auto-sm{margin:0 auto!important;} } /* XS */ @media (max-width:768px){ .m-auto-xs{margin:0 auto!important;} } /* Spacing __________________________________________________________*/ .spacing-xxxl,[spacing-xxxl]{ height:60px; overflow:auto; clear:both; } .spacing-xxl,[spacing-xxl]{ height:50px; overflow:auto; clear:both; } .spacing-xl,[spacing-xl]{ height:40px; overflow:auto; clear:both; } .spacing-lg,[spacing-lg]{ height:30px; overflow:auto; clear:both; } .spacing,[spacing]{ height:20px; overflow:auto; clear:both; } .spacing-sm,[spacing-sm]{ height:10px; overflow:auto; clear:both; } .spacing-xs,[spacing-xs]{ height:5px; overflow:auto; clear:both; } /* Borders __________________________________________________________*/ .no-border{ border:0!important; } .no-border-radius{ border-radius:0!important; } /* Lines __________________________________________________________*/ .line,[line]{ border-bottom:solid 1px rgba(0,0,0,0.1); width:100%; display:block; margin:10px 0; } body.dark .line, body.dark [line]{ border-bottom:solid 1px rgba(255,255,255,0.1); } body .line.dark, body [line][dark]{ border-bottom:solid 1px rgba(255,255,255,0.1); } .line.sm,[line][sm]{ margin:7px 0; } .line.xs,[line][xs]{ margin:3px 0; } .line.lg,[line][lg]{ margin:20px 0; } .line.xl,[line][xl]{ margin:30px 0; } .seperator-line{ background-color:#fd1d1d; width:50px; height:3px; } .line.rulers{ position:relative; display:flex; justify-content:space-between; } .line.rulers.under{ border-bottom:none!important; border-top:solid 1px rgba(0,0,0,0.1); } .line.rulers > div{ position:relative; width:1px; height:100%; height:8px; bottom:0; background-color:var(--border-color); content:""; } .line.rulers.under > div{ bottom:auto; top:0; } .line.rulers > div > span{ position:absolute; text-align:center; left:50%; transform:translate3d(-50%,0,0); bottom:8px; font-size:11px; font-weight:600; } .line.rulers.under > div > span{ bottom:auto; top:10px; } .line.rulers > div .out{ opacity:0.5; font-size:9px; margin-top:2px; } /* SCROLLSPY __________________________________________________________*/ .scrollspy{ position:relative; /*overflow:hidden;*/ } /* Borders __________________________________________________________*/ .b-none{ border:0; } .b-t{ border-top:solid 1px var(--border-color)!important; } .b-t-none{ border-top:0!important; } .b-r{ border-right:solid 1px var(--border-color)!important; } .b-r-none{ border-right:0; } .b-b{ border-bottom:solid 1px var(--border-color)!important; } .b-b-none{ border-bottom:0!important; } .b-l{ border-left:solid 1px var(--border-color)!important; } .text-b-l{ border-left:solid 3px var(--border-color)!important; } .b-l-none{ border-left:0; } .border{ border:solid 1px var(--border-color)!important; } /* LG */ @media (max-width:1600px){ .b-r-lg {border-right:solid 1px var(--border-color)!important;} .b-r-lg-none {border-right:0!important;} } /* MD */ @media (max-width:1200px){ .b-r-md {border-right:solid 1px var(--border-color)!important;} .b-r-md-none {border-right:0!important;} } /* SM */ @media (max-width:992px){ .b-r-sm {border-right:solid 1px var(--border-color)!important;} .b-r-sm-none {border-right:0!important;} } /* XS */ @media (max-width:768px){ .b-r-xs {border-right:solid 1px var(--border-color)!important;} .b-r-xs-none {border-right:0!important;} } /* Divider __________________________________________________________*/ hr.divider{ background-color:transparent; text-align:center; border:0; opacity:1; line-height:1; position:relative; overflow:visible; } hr.divider::after{ content:attr(data-content); background-color:var(--bg-color); display:inline-block; position:relative; top:-12px; padding:0 16px; font-size:12px; } hr.divider.text-lg::after{ font-size:14px; } hr.divider.text-xl::after{ font-size:16px; } hr.divider.text-xxl::after{ font-size:18px; } hr.divider.bg-color-alt::after{ background-color:var(--bg-color-alt); } hr.divider.text-left::after{ padding-left:0; } hr.divider.bg-faded::after{ background-color:var(--bg-faded); } hr.divider.bg-white::after{ background-color:#fff; } hr.divider::before{ content:""; background-color:rgba(0,0,0,0.1); width:100%; height:1px; top:50%; transform:translate3d(0,-50%,0); display:block; } body.dark hr.divider::before{ background-color:rgba(255,255,255,0.1); } /* Greyscale __________________________________________________________*/ .greyscale{ -webkit-filter:grayscale(1); filter:grayscale(1); } .hover-no-greyscale{ transition:all 0.3s ease; } .hover-no-greyscale:hover{ -webkit-filter:grayscale(0); filter:grayscale(0); cursor:pointer; } /* Box __________________________________________________________*/ .box{ background-color:var(--box-color); } /* CTA Slide In __________________________________________________________*/ .cta-slidein{ position:fixed; width:100%; height:80px; transform:translateY(80px); background-color:var(--bg-color); border-top:solid 1px rgba(0,0,0,0.1); bottom:0; left:0; z-index:50; transition:all 0.3s ease; line-height:1; touch-action:none; } .cta-slidein .container, .cta-slidein .row{ height:100%; min-height:100%; position:relative; } .cta-slidein.in{ transform:translateY(0); } /* SM */ @media (max-width:992px){ .cta-slidein{ transform:translateY(60px); height:60px; } } /* Search __________________________________________________________*/ .search{ overflow:hidden; position:relative; display:flex; } .search input{ width:100%; border-radius:30px; padding:10px 40px 10px 40px; background-color:var(--bg-color); display:block; border:solid 1px transparent; color:var(--text-color)!important; } .search.has-addon input{ padding:10px 20px 10px 30px; } .search input:focus{ border:solid 1px #85b7d9; } .search.has-addon input:focus{ border:solid 1px var(--border-color); } .search:before{ position:absolute; content:"\f002"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; left:15px; top:50%; transform:translateY(-50%); z-index:15; } .search.has-addon:before{ font-size:12px; color:var(--text-color-alt); } .search button{ position:absolute; right:5px; top:50%; transform:translateY(-50%); background-color:var(--bg-color-3); border-radius:30px; padding:7px 20px; border:0; font-weight:500; } .search button:hover{ background-color:var(--bg-default); cursor:pointer; } .search .loader{ position:absolute; right:15px; top:50%; transform:translateY(-50%); font-size:1rem; } .search .search-addon{ padding:10px 20px 10px 30px; background-color:var(--bg-color); border:solid 1px var(--border-color); font-size:12px; display:flex; align-items:center; border-radius:.28571429rem; border-top-right-radius:0; border-top-left-radius:30px; border-bottom-right-radius:0; border-bottom-left-radius:30px; margin-right:-20px; position:relative; z-index:10; flex-shrink:0; font-weight:500; color:var(--text-color-alt); } .search .search-addon:hover{ cursor:pointer; filter:brightness(95%); } .search .search-addon i{ font-size:8px; margin-left:5px; } /* SM */ @media (max-width:992px){ .search input{ font-size:16px; } } /* Responsive Content __________________________________________________________*/ .responsive-content{ position:fixed; top:50%; left:50%; transform:translate3d(-50%,-50%,0) scale3d(0.65,0.65,0.65); transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55); z-index:1005; background-color:var(--bg-color); border-radius:10px; min-width:300px; max-width:100%; min-height:150px; max-height:90%; height:760px; width:1200px; overflow:hidden; opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } .responsive-content.in{ transform:translate3d(-50%,-50%,0) scale3d(1,1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } .responsive-content .responsive-content-content{ padding:60px 60px 60px 60px; } .responsive-content .responsive-content-content{ padding:60px 30px 60px 30px; } .responsive-content .responsive-content-header{ position:absolute; line-height:1; z-index:100; border-bottom:solid 1px var(--border-color); height:40px; background-color:var(--bg-color); width:100%; left:0; top:0; right:0; overflow:hidden; display:block; } .responsive-content .responsive-content-header:after{ position:absolute; content:"\f00d"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; font-size:20px; top:50%; transform:translate3d(0,-50%,0); right:20px; } .responsive-content .responsive-content-title{ position:absolute; top:50%; transform:translate3d(0,-50%,0); left:20px; z-index:105; font-size:12px; } .responsive-content .responsive-content-title i{ font-size:10px; margin-left:5px; margin-right:5px; } .responsive-content-bottom{ position:fixed; bottom:0; left:0; width:calc(100% - 60px); margin:30px; text-align:right; } .responsive-content .responsive-content-button{ background-color:#f8f9fd; color:#152438; font-weight:700; display:inline-block; padding:15px; border-radius:10px; } .responsive-content .responsive-content-button:hover{ -webkit-filter:brightness(98%); filter:brightness(98%); cursor:pointer; } .responsive-content .responsive-content-button.button-accept{ background-color:#106fdf; color:#fff; margin-left:10px; } .responsive-content .responsive-content-button.button-accept:hover{ -webkit-filter:brightness(110%); filter:brightness(110%); cursor:pointer; } .responsive-content-wrapper{ position:absolute; height:calc(100% - 40px); margin-top:40px; width:100%; } .responsive-content .responsive-content-scroll{ overflow:auto; height:100%; position:relative; } .responsive-content #responsive-content-loader{ position:absolute; top:0; left:0; background-color:rgba(255,255,255,0.5); width:100%; height:100%; z-index:500; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); display:none; } /* SM */ @media (max-width:992px){ .responsive-content{ max-width:100%; min-width:100%; min-height:100%; max-height:100%; border-radius:0; overflow:hidden; transition:all 0.3s ease; transform:translate3d(100%,0,0); top:0; left:0; opacity:1; -webkit-filter:blur(5px); filter:blur(5px); } .responsive-content.in{ transform:translate3d(0,0,0); } .responsive-content .responsive-content-content{ padding:30px; } .responsive-content .responsive-content-title{ left:35px; } .responsive-content .responsive-content-header:after{ content:"\f104"; font-size:20px; left:15px; right:auto; top:50%; transform:translate3d(0,-50%,0); } .responsive-content-wrapper{ margin-top:40px; overflow:auto; height:calc(100% - 107px); } .responsive-content-wrapper.full{ height:calc(100% - 40px); } .responsive-content .swiper-slide{ overflow-y:auto; } .responsive-content-bottom{ width:calc(100% - 40px); margin:0; padding:15px 20px; background-color:var(--bg-color-default); width:100%; border-top:solid 1px #e5e5e5; } .responsive-content .responsive-content-button{ padding:10px 15px; font-size:14px; } .responsive-content .responsive-content-scroll{ overflow:hidden; height:auto; position:relative; } .responsive-content #UploadImage{ height:calc(100% - 50px); } .responsive-content #UploadImage .input{ width:auto; } } /* Icon Box __________________________________________________________*/ .icon-box{ background-color:var(--main-color); color:#fff; padding:0; border-radius:4px; width:40px; height:40px; text-align:center; font-size:16px; position:relative; } .icon-box.bg-color{ border:solid 1px var(--border-color); } .icon-box > i{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); } .icon-box.rounded{ border-radius:50%; } .icon-box.lg{ width:60px; height:60px; font-size:20px; } .icon-box.xl{ width:80px; height:80px; font-size:24px; } div[data-range-slider-single] input, div[data-range-slider-multi] input{ display:none; } ul.numbers-list{ counter-reset:NumbersCounter; } ul.numbers-list > li{ counter-increment:NumbersCounter; } ul.numbers-list > li:before{ content:counter(NumbersCounter) ". "; } ul.numbers-list > li{ color:#66666a; padding-left:25px; position:relative; line-height:1.8; } ul.numbers-list > li > ul > li{ color:#66666a; padding-left:25px; } ul.numbers-list li:before{ position:absolute; left:0; top:0; line-height:1.7; } ul.default-list > li{ color:#66666a; padding-left:25px; position:relative; line-height:1.8; } ul.default-list > li > ul > li{ color:#66666a; padding-left:25px; } ul.default-list li:before{ position:absolute; left:0; top:0; line-height:1.7; } ul.default-list > li:before{ content:"\f111"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; font-size:6px; position:absolute; line-height:30px; } .UploadMediaContainer{ position:relative; } /*https://www.jqueryscript.net/form/jQuery-International-Telephone-Input-With-Flags-Dial-Codes.html*/ .iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(../img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(../img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent} /* Skeleton __________________________________________________________*/ .skeleton-block{ position:relative; box-sizing:border-box; width:100%; /*margin-bottom:0.6em;*/ border-radius:3px; background-image:linear-gradient(90deg,rgba(0,0,0,0.05) 0px,rgba(0,0,0,0.1) 40px,rgba(0,0,0,0.05) 80px); background-size:300% 50px; animation:skeleton 1.6s infinite linear; } body.dark .skeleton-block{ background-image:linear-gradient(90deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.1) 40px,rgba(255,255,255,0.05) 80px); } .skeleton-block.m-auto{ /*margin:0 auto 0.6em!important;*/ } .skeleton-block.center{ margin-left:auto!important; margin-right:auto!important; } .skeleton-block.avatar.xxl{ width:120px; height:120px; border-radius:50%; } .skeleton-block.avatar{ width:45px; height:45px; border-radius:50%; } .skeleton-block.avatar.xs{ width:30px; height:30px; } .skeleton-block.avatar.xxs{ width:16px; height:16px; } .skeleton-bg{ position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; } .skeleton-bg-image{ background-color:rgba(0,0,0,0.25); position:absolute; top:0; left:0; width:100%; height:100%; } @keyframes skeleton{ from{background-position:100% 0} to{background-position:-80% 0} } /* Section Default __________________________________________________________*/ section{ padding:180px 0; position:relative; overflow:hidden; min-height:100vh; } section.section-xl{ padding:260px 0; } section.section-lg{ padding:220px 0; } section.section-sm{ padding:120px 0; } section.section-xs{ padding:60px 0; } section.section-xxs{ padding:40px 0; } section.section-xxxs{ padding:20px 0; } body:not(.flexsite) section p{ font-size:15px; font-weight:400; color:var(--text-color); opacity:0.6; line-height:1.4; } @media (max-height:1080px){ section{ padding:100px 0; } } /* Overview __________________________________________________________*/ section.overview{ min-height:auto; } section.overview .headline{ font-size:18px; font-weight:600; line-height:1.4; } section.overview.icon-sm .headline{ font-size:16px; font-weight:600; line-height:1.4; } section.overview p{ margin-bottom:0; font-size:14px; } section.overview i{ font-size:40px; line-height:1.4; background:var(--main-color); background:-webkit-radial-gradient(circle farthest-corner at left center,var(--main-color) 0%,var(--secondary-color) 100%); background:-moz-radial-gradient(circle farthest-corner at left center,var(--main-color) 0%,var(--secondary-color) 100%); background:radial-gradient(circle farthest-corner at left center,var(--main-color) 0%,var(--secondary-color) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:10px; position:relative; } section.overview .row > *{ padding:30px; } section.overview.icon-sm .row > *{ padding:5px; } /* Icon Left */ section.overview.icon-left .row > *{ display:flex; align-items:center; } section.overview.icon-left .row > * > div{ padding-left:15px; } section.overview.icon-left i{ width:100px; text-align:center; font-size:34px; margin-bottom:0; flex-shrink:0; } section.overview img{ max-width:60px; max-height:60px; margin-right:20px; } section.overview.icon-left.icon-sm i{ width:50px; font-size:24px; } section.overview.icon-lg i{ font-size:44px; width:100px; } section.overview.icon-lg img{ max-width:80px; max-height:80px; } section.overview.icon-xl i{ font-size:54px; width:100px; } section.overview.icon-xl img{ max-width:100px; max-height:100px; } /* Icon Focus */ section.overview.icon-focus:not(.icon-left) i{ margin-bottom:25px; margin-left:15px; } section.overview.icon-focus i:after{ position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); content:""; width:80px; height:80px; line-height:80px; text-align:center; border-radius:8px; background-color:rgba(0,0,0,0.25); z-index:-1; } section.overview.icon-focus.icon-focus-circle i:after{ border-radius:50%; } section.overview.icon-focus.overview.icon-left .row > * > div{ padding-left:35px; } /* SM */ @media (min-width:1200px){ /*section.overview:not(.section-sm){ padding-top:100px!important; }*/ } /* SM */ @media (max-width:1200px){ section.overview .row > *{ padding:15px 30px; } section.overview.icon-xl i{ font-size:26px; width:50px; background:transparent; color:rgba(255,255,255,0.5); } section.overview i{ -webkit-background-clip:none!important; -webkit-text-fill-color:white!important; } section.overview .headline{ font-size:16px; font-weight:600; line-height:1.4; } } /* Intermission __________________________________________________________*/ section.intermission{ height:50vh; min-height:auto; } section.intermission .mask{ height:101%; } section.intermission .parallax-img{ object-fit:cover; object-position:center center; height:200%!important; } section.intermission > div.content, section.intermission > div.video-container{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); text-align:center; } section.intermission > div.mask{ z-index:30; } section.intermission > div.content{ z-index:50; max-width:600px; } section.intermission .headline{ font-size:68px; font-weight:600; line-height:1.4; } section.intermission p{ font-size:28px; color:#fff; } /* Landingpage 1 __________________________________________________________*/ section.landingpage1{ } section.landingpage1 .container{ display:flex; flex-wrap:wrap; align-items:flex-start; width:100%; max-width:1570px; margin:0 auto; } section.landingpage1 .column-1{ flex:0 0 auto; width:58.3333333333%; padding:0; } section.landingpage1 .column-2{ flex:0 0 auto; width:41.6666666667%; padding:0; } section.landingpage1 .info{ text-align:center; position:relative; padding:50px; z-index:10; } section.landingpage1 .info-responsive{ display:none; } section.landingpage1 h1{ font-size:52px; } section.landingpage1 h2{ font-size:16px; } /* MD */ @media (max-width:1200px){ section.landingpage1{ padding-top:50px; } } /* SM */ @media (max-width:992px){ section.landingpage1{ overflow:visible; } section.landingpage1 .container{ padding:0 30px; } section.landingpage1 .column-1{ position:absolute; right:-5%; width:60%; top:7%; z-index:5; } section.landingpage1 .column-2{ position:absolute; left:5%; width:45%; top:3%; } section.landingpage1 .info{ display:none; } section.landingpage1 .info-responsive{ display:block; margin-top:55%; text-align:center; position:relative; z-index:30; } section.landingpage1 .info-responsive h1{ font-size:26px; } section.landingpage1 .info-responsive h2{ font-size:15px; } section.landingpage1 .info-responsive ul.list-buttons{ margin-top:30px; } section.landingpage1 .info-responsive ul.list-buttons a{ background-color:#1e1e1e; display:block; padding:10px 25px; border-radius:20px; text-align:left; margin-bottom:6px; position:relative; font-weight:600; } section.landingpage1 .info-responsive ul.list-buttons a:after{ position:absolute; top:50%; transform:translate3d(0,-50%,0); right:30px; font-size:18px; content:"\f054"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; } section.landingpage1 .bg{ width:300%; top:0; } } /* SM */ @media (max-width:768px){ section.landingpage1 .column-1{ position:absolute; right:-25%; width:85%; top:7%; z-index:5; } section.landingpage1 .column-2{ position:absolute; left:-10%; width:60%; top:3%; } section.landingpage1 .info-responsive{ display:block; margin-top:80%; text-align:center; position:relative; z-index:30; } } /* Landingpage 2 __________________________________________________________*/ section.landingpage2{ } /* Units 1 __________________________________________________________*/ /* IPAD - LANDSCAPE IPAD - PORTAIT */ section.units-1{ min-height:70vh; position:relative; overflow:visible; padding:50px 0; } section.units-1 .unit{ position:absolute; top:50%; transform:translate3d(0,-50%,0); width:65%; } section.units-1 .unit:nth-child(1){ left:-10%; } section.units-1 .unit:nth-child(2){ right:-10%; } section.units-1 .unit > div{ float:right; } /* Units 1 alt __________________________________________________________*/ /* IPAD - LANDSCAPE IPAD - PORTAIT */ section.units-1-alt{ min-height:50vh; position:relative; overflow:visible; padding:50px 0; } section.units-1-alt .unit{ position:absolute; top:50%; transform:translate3d(0,-50%,0); width:70%; } section.units-1-alt .unit:nth-child(1){ left:5%; } section.units-1-alt .unit:nth-child(2){ right:5%; width:75%; } section.units-1-alt .unit > div{ float:right; } @media (max-width:1200px){ section.units-1-alt{ max-width:800px; margin:0 auto; min-height:70vh; } } /* Units 2 __________________________________________________________*/ /* IPAD - PORTAIT IPAD - LANDSCAPE */ section.units-2{ min-height:70vh; position:relative; overflow:visible; padding:50px 0; } section.units-2 .unit{ position:absolute; top:50%; transform:translate3d(0,-50%,0); width:65%; } section.units-2 .unit:nth-child(1){ left:-20%; } section.units-2 .unit:nth-child(2){ right:-15%; } section.units-2 .unit > div{ float:right; } @media (min-width:993px) and (max-width:1200px){ section.units-2{ min-height:80vh; } } /* Units 3 __________________________________________________________*/ /* IPHONE - PORTAIT IPHONE - PORTAIT */ section.units-3{ min-height:70vh; position:relative; overflow:visible; padding:50px 0; } section.units-3 .unit{ position:absolute; top:50%; transform:translate3d(0,-50%,0); width:80%; } section.units-3 .unit:nth-child(1){ left:0%; } section.units-3 .unit:nth-child(2){ right:0%; width:70%; transform:translate3d(0,-40%,0); } section.units-3 .unit > div{ margin:0 auto; } /* SM */ @media (max-width:700px){ section.units-1, section.units-2, section.units-3{ min-height:50vh; } } /* Units 4 __________________________________________________________*/ /* MACBOOK IPHONE - PORTRAIT */ section.units-4{ min-height:70vh; position:relative; overflow:visible; padding:50px 0; } section.units-4 .unit{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:90%; } section.units-4 .unit:nth-child(1){ } section.units-4 .unit:nth-child(2){ right:0%; left:auto; width:50%; transform:translate3d(0,-30%,0); } section.units-4 .unit > div{ margin:0 auto; } /* SM */ @media (max-width:700px){ section.units-1, section.units-2, section.units-3{ min-height:50vh; } } @media (max-width:992px){ section.units-4{ min-height:45vh; } } /* Fullscreen Animation __________________________________________________________*/ @-webkit-keyframes bg-scrolling-reverse{ 100%{ background-position:50px 50px; } } @-moz-keyframes bg-scrolling-reverse{ 100%{ background-position:50px 50px; } } @-o-keyframes bg-scrolling-reverse{ 100%{ background-position:50px 50px; } } @keyframes bg-scrolling-reverse{ 100%{ background-position:50px 50px; } } @-webkit-keyframes bg-scrolling{ 0%{ background-position:50px 50px; } } @-moz-keyframes bg-scrolling{ 0%{ background-position:50px 50px; } } @-o-keyframes bg-scrolling{ 0%{ background-position:50px 50px; } } @keyframes bg-scrolling{ 0%{ background-position:50px 50px; } } section.fullscreen-animation{ /* img size is 50x50 */ background:url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABGdBTUEAALGPC/xhBQAACklpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAAEiJnVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/stRzjPAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAJcEhZcwAACxMAAAsTAQCanBgAAABjSURBVGiB7c+xDYAwAANBQLTsPygDhIYRIuUU/TVu/ecY4zk2cP/7Ln0xwbX6wCyFaArRFKIpRFOIphBNIZpCNIVoCtEUoilEU4imEE0hmkI0hWgK0RSiKURTiKYQTSGabUI+7k4EY+B0ltwAAAAASUVORK5CYILfhETEP/61TiqAEksDOQ9TAAAAAElFTkSuQmCC") repeat 0 0; -webkit-animation:bg-scrolling-reverse 0.92s infinite; /* Safari 4+ */ -moz-animation:bg-scrolling-reverse 0.92s infinite; /* Fx 5+ */ -o-animation:bg-scrolling-reverse 0.92s infinite; /* Opera 12+ */ animation:bg-scrolling-reverse 0.92s infinite; /* IE 10+ */ -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; animation-timing-function:linear; height:100vh; width:100%; position:relative; } section.fullscreen-animation:after{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; content:""; -webkit-box-shadow:inset 0 0 100px #101010; box-shadow: inset 0 0 100px #101010; } /* Section Default __________________________________________________________*/ section.default{ min-height:auto!important; margin:0!important; padding:60px 0!important; position:relative!important; } section.default.lg{ padding:80px 0!important; } section.default.lg{ padding:100px 0!important; } section.default.xl{ padding:120px 0!important; } section.default.xxl{ padding:140px 0!important; } section.box-shadow{ box-shadow:0 0 100px 0 rgba(16,24,40,.1); } section.default h1{ font-size:40px !important; font-weight:700; line-height:1; margin-bottom:20px; } /* Layout 1 __________________________________________________________*/ section.layout-1{ position:relative; background-color:#101010; } section.layout-1 .content{ position:absolute; top:50%; transform:translate3d(0,-50%,0); width:90%; max-width:850px; z-index:10; } section.layout-1 .content h1{ font-size:64px; font-weight:700; } section.layout-1 .content h2{ font-size:20px; margin:30px 0; } section.layout-1 .media{ display:flex; justify-content:center; align-items:center; position:absolute; width:90%; top:50%; right:-30%; transform:translate3d(0,-50%,0); z-index:5; } section.layout-1 .media > *{ width:100%; } section.layout-1 .media .video-container{ position:relative; width:100%; height:0; padding-bottom:56.25%;/* 16:9 ratio */ } /* MD */ @media (max-width:1800px){ section.layout-1 .media{ width:80%; right:-25%; } section.layout-1 .content{ width:90%; max-width:800px; } section.layout-1 .content h1{ font-size:54px; } section.layout-1 .content h2{ font-size:20px; } } @media (max-width:1400px){ section.layout-1 .media{ width:70%; right:-25%; } } /* MD */ @media (max-width:1200px){ section.layout-1{ padding:0 0 60px; display:flex; flex-wrap:wrap; } section.layout-1 .container{ order:2; } section.layout-1 .content{ transform:translate3d(0,0,0); width:100%; max-width:100%; position:relative; order:2; top:0; } section.layout-1 .cta{ flex-wrap:wrap; } section.layout-1 .cta > *{ text-align:center; width:100%; justify-content:center; margin-bottom:15px; } section.layout-1 .cta .button{ padding:15px 0; font-size:18px; } section.layout-1 .media{ width:100%; height:60vh; top:0; right:0; transform:translate3d(0,0,0); z-index:5; position:relative; order:1; } section.layout-1 .media > *{ width:100%; height:100%; position:absolute; } section.layout-1 .media .video-container{ position:absolute; width:100%; height:100%; padding-bottom:0 } } /* Layout 2 __________________________________________________________*/ section[layout-2]{ position:relative; } section[layout-2] [content]{ position:absolute; top:50%; transform:translate3d(0,-50%,0); left:150px; width:90%; max-width:800px; z-index:50; color:#c3c3c3; } section[layout-2] [content][sm]{ max-width:600px; } section[layout-2] [content][lg]{ max-width:1000px; } body.light section[layout-2] [content]{ color:#222; } section[layout-2] [content][center]{ transform:translate3d(-50%,-50%,0); left:50%; text-align:center; } section[layout-2] [content][center][high]{ transform:translate3d(-50%,-75%,0); } section[layout-2] [content][right]{ transform:translate3d(0,-50%,0); left:auto; right:150px; text-align:right; } section[layout-2] [content][bottom]{ transform:translate3d(-50%,0,0); left:50%; right:auto; top:auto; bottom:80px; text-align:right; width:90%; max-width:90%!important; } section[layout-2] [content][bottom][full]{ width:100%; max-width:100%!important; } section[layout-2] [content] [h2]{ font-size:19px; font-weight:500; margin:30px 0 30px; color:#cdcdcd; } body.light section[layout-2] [content] [h2]{ color:#333333; } section[layout-2] p{ color:#cdcdcd; } body.light section[layout-2] [content] p{ color:#333333; } section[layout-2] [content] .button{ flex-shrink:0; background-color:transparent!important; color:#fff; border:solid 2px #fff; font-size:18px; padding:10px 40px; } section[layout-2] [content] .button[lg]{ font-size:22px; padding:14px 50px; } body.light section[layout-2] [content] .button{ color:#222; border:solid 2px #222; } section[layout-2] [content] .button.fill{ border:0; } section[layout-2] [content] .button.fill.green{ background-color:#93b04f!important; } section[layout-2] .bg .content-shadow{ position:absolute; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; left:0; bottom:-1px; width:100%; height:200px; z-index:1; display:none; } /* HD */ @media (max-width:1920px){ section[layout-2] [content]{ max-width:600px; } section[layout-2] [content][sm]{ max-width:400px; } section[layout-2] [content][lg]{ max-width:800px; } } /* MD */ @media (max-width:1500px),(max-height:700px){ section[layout-2] [content]{ max-width:450px; left:50px; } section[layout-2] [content][right]{ right:50px; } } /* SM */ @media (max-width:1024px),(max-height:700px){ section[layout-2]{ display:flex; flex-wrap:wrap; padding:0 0 50px; min-height:0; } section[layout-2] [content], section[layout-2] [content][bottom]{ position:relative!important; left:auto!important; right:auto!important; top:0!important; transform:translate3d(0,0,0)!important; order:2; width:100%!important; max-width:100%!important; flex-shrink:0; padding:30px; } section[layout-2] [content]:first-of-type{ margin-top:40vh; } section[layout-2] .bg .content-shadow{ display:block; } section[layout-2] .bg{ position:absolute!important; left:auto!important; right:auto!important; top:0!important; transform:translate3d(0,0,0)!important; width:100%!important; height:50vh!important; order:1!important; } section[layout-2] .bg img{ height:50vh!important; } .bg-shadow::after{ height:50vh!important; display:none; } } @media (min-width:1025px){ @media (max-height:700px){ section[layout-2]{ padding:0; align-content:flex-end; } section[layout-2] [content], section[layout-2] [content][bottom]{ position:relative!important; left:auto!important; right:auto!important; top:0!important; transform:translate3d(0,0,0)!important; order:2; width:100%!important; max-width:100%!important; flex-shrink:0; padding:30px; } section[layout-2] [content]:first-of-type{ margin-top:60vh; } section[layout-2] .bg .content-shadow{ height:100vh; } section[layout-2]{ min-height:100vh; } section[layout-2] .bg, section[layout-2] .bg img{ height:100vh!important; object-position:top; } } } @media (min-width:1200px){ @media (min-height:700px) and (max-height:800px){ section[layout-2] .bg .hidden-md-up{ display:none!important; } section[layout-2] [content][center]{ transform:translate3d(-50%,-70%,0); max-width:600px!important; } section[layout-2] [content]{ max-width:600px!important; } section[layout-2] [content][bottom]{ bottom:0; } section[layout-2] p{ font-size:13px!important; } } } /* Addons __________________________________________________________*/ body:not(.flexsite) [headline]{ font-size:7vw; font-weight:900; text-transform:uppercase; letter-spacing:-3px; line-height:0.8; color:#fff; } body.light:not(.flexsite) [headline]{ color:#222; } body:not(.flexsite) [headline][xl]{ font-size:7vw; } body:not(.flexsite) [headline][lg]{ font-size:6vw; } body:not(.flexsite) [headline][md]{ font-size:5vw; } body:not(.flexsite) [headline][sm]{ font-size:4vw; letter-spacing:-2px; } body:not(.flexsite) [headline][xs]{ font-size:3vw; letter-spacing:-1px; } body:not(.flexsite) [headline][xxs]{ font-size:2vw; letter-spacing:-1px; } /* MD */ @media (max-width:1200px){ [headline]{ letter-spacing:0!important; } } /* SM */ @media (max-width:1024px){ @media (max-height:700px){ [headline][sm-xxxl]{ font-size:10vw; } [headline][sm-xxl]{ font-size:8vw; } [headline][sm-xl]{ font-size:7vw; } [headline][sm-lg]{ font-size:6vw; } [headline][sm-md]{ font-size:5vw; } [headline][sm-sm]{ font-size:4vw; letter-spacing:-2px; } [headline][sm-xs]{ font-size:3vw; letter-spacing:-1px; } [headline][sm-xxs]{ font-size:2vw; letter-spacing:-1px; } [headline]{ line-height:1; } } } [sub-headline]{ font-size:24px; font-weight:700; line-height:1.2; color:#fff; } body.light [sub-headline]{ color:#222; } [sub-headline][sm]{ font-size:22px; } [sub-headline][xs]{ font-size:20px; } [sub-headline][xxs]{ font-size:18px; } [sub-headline][xxxs]{ font-size:16px; } .icon-row{ justify-content:stretch; } .icon-row.alt{ border-top:solid 1px rgba(255,255,255,0.2); border-bottom:solid 1px rgba(255,255,255,0.2); padding:20px 0; } .icon-row > *{ position:relative; border-radius:6px; padding:20px; align-self:stretch; } .icon-row.icon-row-hover > *{ transition:all 0.3s ease; } .icon-row.icon-row-hover > *:hover{ background-color:#181818; cursor:pointer; box-shadow:0 4px 20px rgba(0,0,0,0.25); transform:translate3d(0,-4px,0); } .icon-row.icon-row-hover.alt > *:hover{ background-color:#000; } .icon-row > * > * > *{ margin:0 10px 0 60px; font-weight:300; font-size:14px; transition:all 0.6s ease; } .icon-row.alt > * > * > *{ color:#fff; } .icon-row > *:hover > * > *{ color:#fff; } .icon-row > * >* > i, .icon-row > * >* > img{ position:absolute; top:50%; left:-50px; font-size:30px; transform:translate3d(0,-50%,0); max-width:35px; } .icon-row > * > * > img{ filter:brightness(1) invert(1);/*Change icon to white*/ opacity:0.5; transition:all 0.6s ease; } .icon-row > *:hover > * > img{ opacity:1; } ul.list-check{ } ul.list-check > li{ position:relative; padding:3px 0 3px 30px; font-size:12px; } ul.list-check > li:after{ content:"\f00c"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; color:var(--color-green) !important; position:absolute; left:0; top:50%; transform:translate3d(0,-50%,0); } /*RIGHT*/ .shape{ position:absolute; } /*top*/ .shape.top-center{ top:50%; transform:translateY(-50%); } .shape.top-xxxs{ top:50px; } .shape.top-xxs{ top:100px; } .shape.top-xs{ top:50px; } .shape.top-sm{ top:-50px; } .shape.top{ top:0; } .shape.top-md{ top:-100px; } .shape.top-lg{ top:-150px; } .shape.top-xl{ top:-200px; } .shape.top-xxl{ top:-250px; } .shape.top-xxxl{ top:-300px; } /*bottom*/ .shape.bottom-xxxs{ bottom:50px; } .shape.bottom-xxs{ bottom:100px; } .shape.bottom-xs{ bottom:50px; } .shape.bottom-sm{ bottom:-50px; } .shape.bottom{ bottom:0; } .shape.bottom-md{ bottom:-100px; } .shape.bottom-lg{ bottom:-150px; } .shape.bottom-xl{ bottom:-200px; } .shape.bottom-xxl{ bottom:-250px; } .shape.bottom-xxxl{ bottom:-300px; } /*right*/ .shape.right-xxxs{ right:50px; } .shape.right-xxs{ right:100px; } .shape.right-xs{ right:50px; } .shape.right-sm{ right:-50px; } .shape.right{ right:0; } .shape.right-md{ right:-100px; } .shape.right-lg{ right:-150px; } .shape.right-xl{ right:-200px; } .shape.right-xxl{ right:-250px; } .shape.right-xxxl{ right:-300px; } /*left*/ .shape.left-xxxs{ left:50px; } .shape.left-xxs{ left:100px; } .shape.left-xs{ left:50px; } .shape.left-sm{ left:-50px; } .shape.left{ left:0; } .shape.left-md{ left:-100px; } .shape.left-lg{ left:-150px; } .shape.left-xl{ left:-200px; } .shape.left-xxl{ left:-250px; } .shape.left-xxxl{ left:-300px; } /* MD */ @media (max-width:1200px),(max-height:700px){ .shape{ display:none; } } @media (min-width:1200px){ @media (min-height:700px) and (max-height:800px){ .shape{ display:none; } } } /* Margins __________________________________________________________*/ .m-l{ margin-left:15px!important; } .m-l-auto{ margin-left:auto!important; } .m-l-none{ margin-left:0!important; } .m-l-xxxs{ margin-left:1px!important; } .m-l-xxs{ margin-left:3px!important; } .m-l-xs{ margin-left:5px!important; } .m-l-sm{ margin-left:10px!important; } .m-l-lg{ margin-left:20px!important; } .m-l-xl{ margin-left:30px!important; } .m-l-xxl{ margin-left:40px!important; } .m-l-n{ margin-left:-15px!important; } .m-l-n-xxs{ margin-left:-1px!important; } .m-l-n-xs{ margin-left:-5px!important; } .m-l-n-sm{ margin-left:-10px!important; } .m-l-n-lg{ margin-left:-20px!important; } .m-t{ margin-top:15px!important; } .m-t-none{ margin-top:0!important; } .m-t-xxxs{ margin-top:1px!important; } .m-t-xxs{ margin-top:3px!important; } .m-t-xs{ margin-top:5px!important; } .m-t-sm{ margin-top:10px!important; } .m-t-lg{ margin-top:20px!important; } .m-t-xl{ margin-top:30px!important; } .m-t-xxl{ margin-top:40px!important; } .m-t-xxxl{ margin-top:60px!important; } .m-t-n{ margin-top:-15px !important; } .m-t-n-xxs{ margin-top:-1px!important; } .m-t-n-xs{ margin-top:-5px!important; } .m-t-n-sm{ margin-top:-10px!important; } .m-t-n-lg{ margin-top:-20px!important; } .m-t-n-xl{ margin-top:-30px!important; } .m-r{ margin-right:15px!important; } .m-r-none{ margin-right:0!important; } .m-r-xxxs{ margin-right:1px!important; } .m-r-xxs{ margin-right:3px!important; } .m-r-xs{ margin-right:5px!important; } .m-r-sm{ margin-right:10px!important; } .m-r-lg{ margin-right:20px!important; } .m-r-xl{ margin-right:30px!important; } .m-r-xxl{ margin-right:40px!important; } .m-r-n{ margin-right:-15px!important; } .m-r-n-xxs{ margin-right:-1px!important; } .m-r-n-xs{ margin-right:-5px!important; } .m-r-n-sm{ margin-right:-10px!important; } .m-r-n-lg{ margin-right:-20px!important; } .m-b{ margin-bottom:15px!important; } .m-b-none{ margin-bottom:0!important; } .m-b-xxxs{ margin-bottom:1px!important; } .m-b-xxs{ margin-bottom:3px!important; } .m-b-xs{ margin-bottom:5px!important; } .m-b-sm{ margin-bottom:10px!important; } .m-b-lg{ margin-bottom:20px!important; } .m-b-xl{ margin-bottom:30px!important; } .m-b-xxl{ margin-bottom:40px!important; } .m-b-xxxl{ margin-bottom:60px!important; } .m-b-n{ margin-bottom:-15px!important; } .m-b-n-xxs{ margin-bottom:-1px!important; } .m-b-n-xs{ margin-bottom:-5px!important; } .m-b-n-sm{ margin-bottom:-10px!important; } .m-b-n-lg{ margin-bottom:-20px!important; } .m-none{ margin:0!important; } /* LG */ @media (min-width:1601px){ .m-none-xl { margin:0!important;} } /* LG */ @media (max-width:1600px){ .m-none-lg { margin:0!important;} } /* MD */ @media (max-width:1200px){ .m-none-md { margin:0!important;} .m-l-auto-md{ margin-left:auto!important; } } /* SM */ @media (max-width:992px){ .m-none-sm { margin:0!important;} .m-r-sm-lg{ margin-right:20px!important; } .m-t-none-sm{margin-top:0!important;} .m-b-none-sm{margin-bottom:0!important;} .m-l-none-sm{margin-left:0!important;} .m-l-auto-sm{ margin-left:auto!important; } } /* XS */ @media (max-width:768px){ .m-none-xs { margin:0!important;} } /* Padding __________________________________________________________*/ .padder-t-none{ padding-top:0px!important; } .padder-t{ padding-top:15px!important; } .padder-t-xs{ padding-top:5px!important; } .padder-t-sm{ padding-top:10px!important; } .padder-t-lg{ padding-top:20px!important; } .padder-t-xl{ padding-top:30px!important; } .padder-t-xxl{ padding-top:40px!important; } .padder-t-xxxl{ padding-top:60px!important; } .padder-b{ padding-bottom:15px!important; } .padder-b-none{ padding-bottom:0!important; } .padder-b-xs{ padding-bottom:5px!important; } .padder-b-sm{ padding-bottom:10px!important; } .padder-b-lg{ padding-bottom:20px!important; } .padder-b-xl{ padding-bottom:30px!important; } .padder-b-xxl{ padding-bottom:40px!important; } .padder-b-xxxl{ padding-bottom:60px!important; } .padder-l{ padding-left:15px!important; } .padder-l-xs{ padding-left:5px!important; } .padder-l-sm{ padding-left:10px!important; } .padder-l-lg{ padding-left:20px!important; } .padder-l-xl{ padding-left:30px!important; } .padder-l-xxl{ padding-left:40px!important; } .padder-l-xxxl{ padding-left:50px!important; } .padder-r{ padding-right:15px!important; } .padder-r-xs{ padding-right:5px!important; } .padder-r-sm{ padding-right:10px!important; } .padder-r-lg{ padding-right:20px!important; } .padder-r-xl{ padding-right:30px!important; } .padder-r-xxl{ padding-right:40px!important; } .padder-r-xxxl{ padding-right:50px!important; } .no-padder{ padding:0 !important; } .padder-l-none{ padding-left:0 !important; } .padder-r-none{ padding-right:0 !important; } .padder-t-none{ padding-top:0 !important; } .padder-b-none{ padding-bottom:0 !important; } /* LG */ @media (min-width:1601px){ .no-padder-xl { padding:0!important;} .padder-xl-l { padding-left:15px!important;} .padder-xl-l-lg{ padding-left:20px!important;} .padder-xl-l-xl{ padding-left:30px!important;} .padder-xl-r { padding-right:15px!important;} } /* LG */ @media (max-width:1600px){ .no-padder-lg { padding:0!important;} .padder-lg-l { padding-left:15px!important;} .padder-lg-l-lg{ padding-left:20px!important;} .padder-lg-l-xl{ padding-left:30px!important;} .padder-lg-r { padding-right:15px!important;} } /* MD */ @media (max-width:1200px){ .no-padder-md { padding:0!important;} .no-padder-t-md{ padding-top:0!important;} .padder-md-l { padding-left:15px!important;} .padder-md-l-lg{ padding-left:20px!important;} .padder-md-l-xl{ padding-left:30px!important;} .padder-md-r { padding-right:15px!important;} } /* SM */ @media (max-width:992px){ .no-padder-sm { padding:0!important;} .no-padder-l-sm{ padding-left:0!important;} .no-padder-b-sm{ padding-bottom:0!important;} .padder-sm-l { padding-left:15px!important;} .padder-sm-l-lg{ padding-left:20px!important;} .padder-sm-l-xl{ padding-left:30px!important;} .padder-sm-r { padding-right:15px!important;} } /* XS */ @media (max-width:768px){ .no-padder-xs { padding:0!important;} .no-padder-l-xs{ padding-left:0!important;} .padder-xs-l { padding-left:15px!important;} .padder-xs-l-lg{ padding-left:20px!important;} .padder-xs-l-xl{ padding-left:30px!important;} .padder-xs-r { padding-right:15px!important;} } /* Layout system __________________________________________________________*/ .row,[row]{ display:flex; flex-wrap:wrap; align-items:flex-start; width:100%; } .row.justify-content{ justify-content:space-between; } .row.full{ justify-content:space-between; } .row > *, [row] > *{ padding-left:0.5em; padding-right:0.5em; } .row.full > *{ padding-left:0; padding-right:0; } .row .col-12, [row] [col-12]{ flex:0 0 auto; width:100%; } .row .col-11, [row] [col-11]{ flex:0 0 auto; width:91.6666666667%; } .row.full .col-11{ flex:0 0 auto; width:calc(91.6666666667% - 0.5em); } .row .col-10, [row] [col-10]{ flex:0 0 auto; width:83.3333333333%; } .row.full .col-10{ flex:0 0 auto; width:calc(83.3333333333% - 0.5em); } .row .col-9, [row] [col-9]{ flex:0 0 auto; width:75%; } .row.full .col-9{ flex:0 0 auto; width:calc(75% - 0.5em); } .row .col-8, [row] [col-8]{ flex:0 0 auto; width:66.6666666667%; } .row.full .col-8{ flex:0 0 auto; width:calc(66.6666666667% - 0.5em); } .row .col-7, [row] [col-7]{ flex:0 0 auto; width:58.3333333333%; } .row.full .col-7{ flex:0 0 auto; width:calc(58.3333333333% - 0.5em); } .row .col-6, [row] [col-6]{ flex:0 0 auto; width:50%; } .row.full .col-6{ flex:0 0 auto; width:calc(50% - 0.5em); } .row .col-5-5{ flex:0 0 auto; width:45.83333333335%; } .row.full .col-5-5{ flex:0 0 auto; width:calc(45.83333333335% - 0.5em); } .row .col-5, [row] [col-5]{ flex:0 0 auto; width:41.6666666667%; } .row.full .col-5{ flex:0 0 auto; width:calc(41.6666666667% - 0.5em); } .row .col-4, [row] [col-4]{ flex:0 0 auto; width:33.3333333333%; } .row.full .col-4{ flex:0 0 auto; width:calc(33.3333333333% - 0.5em); } .row .col-3, [row] [col-3]{ flex:0 0 auto; width:25%; } .row.full .col-3{ flex:0 0 auto; width:calc(25% - 0.5em); } .row .col-2, [row] [col-2]{ flex:0 0 auto; width:16.6666666667%; } .row.full .col-2{ flex:0 0 auto; width:calc(16.6666666667% - 0.5em); } .row .col-1, [row] [col-1]{ flex:0 0 auto; width:8.3333333333%; } .row.full .col-1{ flex:0 0 auto; width:calc(8.3333333333% - 0.5em); } /* LG */ @media (max-width:1600px){ .row .col-lg-12{ width:100%!important; } .row .col-lg-11{ width:91.6666666667%!important; } .row .col-lg-10{ width:83.3333333333%!important; } .row .col-lg-9{ width:75%!important; } .row .col-lg-8{ width:66.6666666667%!important; } .row .col-lg-7{ width:58.3333333333%!important; } .row .col-lg-6{ width:50%!important; } .row .col-lg-5-5{ width:45.83333333335%!important; } .row .col-lg-5{ width:41.6666666667%!important; } .row .col-lg-4{ width:33.3333333333%!important; } .row .col-lg-3{ width:25%!important; } .row .col-lg-2{ width:16.6666666667%!important; } .row .col-lg-1{ width:8.3333333333%!important; } } /* MD */ @media (max-width:1200px){ .row .col-md-12{ width:100%!important; } .row .col-md-11{ width:91.6666666667%!important; } .row .col-md-10{ width:83.3333333333%!important; } .row .col-md-9{ width:75%!important; } .row .col-md-8{ width:66.6666666667%!important; } .row .col-md-7{ width:58.3333333333%!important; } .row .col-md-6{ width:50%!important; } .row .col-md-5-5{ width:45.83333333335%!important; } .row .col-md-5{ width:41.6666666667%!important; } .row .col-md-4{ width:33.3333333333%!important; } .row .col-md-3{ width:25%!important; } .row .col-md-2{ width:16.6666666667%!important; } .row .col-md-1{ width:8.3333333333%!important; } } /* SM */ @media (max-width:992px){ .row .col-sm-12{ width:100%!important; } .row .col-sm-11{ width:91.6666666667%!important; } .row .col-sm-10{ width:83.3333333333%!important; } .row .col-sm-9{ width:75%!important; } .row .col-sm-8{ width:66.6666666667%!important; } .row .col-sm-7{ width:58.3333333333%!important; } .row .col-sm-6{ width:50%!important; } .row .col-sm-5-5{ width:45.83333333335%!important; } .row .col-sm-5{ width:41.6666666667%!important; } .row .col-sm-4{ width:33.3333333333%!important; } .row .col-sm-3{ width:25%!important; } .row .col-sm-2{ width:16.6666666667%!important; } .row .col-sm-1{ width:8.3333333333%!important; } } /* XS */ @media (max-width:768px){ .row .col-xs-12{ width:100%!important; } .row .col-xs-11{ width:91.6666666667%!important; } .row .col-xs-10{ width:83.3333333333%!important; } .row .col-xs-9{ width:75%!important; } .row .col-xs-8{ width:66.6666666667%!important; } .row .col-xs-7{ width:58.3333333333%!important; } .row .col-xs-6{ width:50%!important; } .row .col-xs-5-5{ width:45.83333333335%!important; } .row .col-xs-5{ width:41.6666666667%!important; } .row .col-xs-4{ width:33.3333333333%!important; } .row .col-xs-3{ width:25%!important; } .row .col-xs-2{ width:16.6666666667%!important; } .row .col-xs-1{ width:8.3333333333%!important; } } /* Breakpoint XS */ @media (max-width:768px) { .hidden-xs,.hidden-xs-down,.hidden-sm-down,.hidden-md-down,.hidden-lg-down,.hidden-xl-down, .hidden-xs-up, .hidden-unless-sm,.hidden-unless-md,.hidden-unless-lg,.hidden-unless-xl { display:none !important; } } /* Breakpoint SM */ @media (min-width:769px) and (max-width:1024px) { .hidden-sm,.hidden-sm-down,.hidden-md-down,.hidden-lg-down,.hidden-xl-down, .hidden-xs-up,.hidden-sm-up, .hidden-unless-xs,.hidden-unless-md,.hidden-unless-lg,.hidden-unless-xl { display:none !important; } } /* Breakpoint MD */ @media (min-width:1025px) and (max-width:1200px) { /* Breakpoint HEIGHT */ @media (max-height:860px) { .hidden-md,.hidden-md-down,.hidden-lg-down,.hidden-xl-down, .hidden-xs-up,.hidden-sm-up,.hidden-md-up, .hidden-unless-xs,.hidden-unless-sm,.hidden-unless-lg,.hidden-unless-xl,.hidden-md { display:block !important; } } @media (min-height:861px) { .hidden-md,.hidden-md-down,.hidden-lg-down,.hidden-xl-down, .hidden-xs-up,.hidden-sm-up,.hidden-md-up, .hidden-unless-xs,.hidden-unless-sm,.hidden-unless-lg,.hidden-unless-xl,.hidden-md { display:none !important; } } } /* Breakpoint LG */ @media (min-width:1201px) and (max-width:1600px) { /* Breakpoint HEIGHT */ @media (max-height:860px) { .hidden-lg,.hidden-lg-down,.hidden-xl-down, .hidden-xs-up,.hidden-sm-up,.hidden-md-up,.hidden-lg-up, .hidden-unless-xs,.hidden-unless-sm,.hidden-unless-md,.hidden-unless-xl { display:block !important; } } @media (min-height:861px) { .hidden-lg,.hidden-lg-down,.hidden-xl-down, .hidden-xs-up,.hidden-sm-up,.hidden-md-up,.hidden-lg-up, .hidden-unless-xs,.hidden-unless-sm,.hidden-unless-md,.hidden-unless-xl { display:none !important; } } } /* Breakpoint XL */ @media (min-width:1601px) { /* Breakpoint HEIGHT */ @media (max-height:860px) { .hidden-xl,.hidden-xl-down, .hidden-xs-up,.hidden-sm-up,.hidden-md-up,.hidden-lg-up,.hidden-xl-up, .hidden-unless-xs,.hidden-unless-sm,.hidden-unless-md,.hidden-unless-lg,.hidden-xl { display:block !important; } } @media (min-height:861px) { .hidden-xl,.hidden-xl-down, .hidden-xs-up,.hidden-sm-up,.hidden-md-up,.hidden-lg-up,.hidden-xl-up, .hidden-unless-xs,.hidden-unless-sm,.hidden-unless-md,.hidden-unless-lg,.hidden-xl { display:none !important; } } } .row .app-window-left{ flex:0 0 auto; width:250px; } .row .app-window-center{ flex:0 0 auto; width:calc(100% - 250px); } /* Display __________________________________________________________*/ .inline-flex,[inline-flex]{ display:inline-flex!important; } .flex,[flex]{ display:flex!important; /*justify-content:space-between;*/ align-items:flex-start; } .flex.justify-content-space-around, [justify-content-space-around]{ justify-content:space-around; } .justify-content-space-between, [justify-content-space-between]{ justify-content:space-between; } .flex.justify-content-center, [justify-content-center]{ justify-content:center!important; } .flex.justify-content-flex-end, [justify-content-flex-end]{ justify-content:flex-end; } .flex.flex-wrap, [flex-wrap]{ flex-wrap:wrap; } .flex-grow-1, [flex-grow-1]{ flex-grow:1; } .flex-shrink-1, [flex-shrink-1]{ flex-shrink:1; } .flex-shrink-0, [flex-shrink-0]{ flex-shrink:0; } .align-items-stretch, [align-items-stretch]{ align-items:stretch!important; } .align-items-center, [align-items-center]{ align-items:center!important; } .flex-float-right{ margin-left:auto;order:2; } .flex-basis-300{flex-basis:300px;} .flex-basis-350{flex-basis:350px;} .flex-basis-400{flex-basis:400px;} .flex-basis-450{flex-basis:450px;} .flex-basis-500{flex-basis:500px;} .flex-basis-percent-5{ flex-basis:5%;} .flex-basis-percent-10{flex-basis:10%;} .flex-basis-percent-15{flex-basis:15%;} .flex-basis-percent-20{flex-basis:20%;} .flex-basis-percent-25{flex-basis:25%;} .flex-basis-percent-30{flex-basis:30%;} .flex-basis-percent-35{flex-basis:35%;} .flex-basis-percent-40{flex-basis:40%;} .flex-basis-percent-45{flex-basis:45%;} .flex-basis-percent-50{flex-basis:50%;} .flex-basis-percent-55{flex-basis:55%;} .flex-basis-percent-60{flex-basis:60%;} .flex-basis-percent-65{flex-basis:65%;} .flex-basis-percent-70{flex-basis:70%;} .flex-basis-percent-75{flex-basis:75%;} .flex-basis-percent-80{flex-basis:80%;} .flex-basis-percent-85{flex-basis:85%;} .flex-basis-percent-90{flex-basis:90%;} .flex-basis-percent-95{flex-basis:95%;} .flex-basis-percent-100{flex-basis:100%;} /* LG */ @media (max-width:1600px){ .flex-basis-percent-5-lg{ flex-basis:5%;} .flex-basis-percent-10-lg{flex-basis:10%;} .flex-basis-percent-15-lg{flex-basis:15%;} .flex-basis-percent-20-lg{flex-basis:20%;} .flex-basis-percent-25-lg{flex-basis:25%;} .flex-basis-percent-30-lg{flex-basis:30%;} .flex-basis-percent-35-lg{flex-basis:35%;} .flex-basis-percent-40-lg{flex-basis:40%;} .flex-basis-percent-45-lg{flex-basis:45%;} .flex-basis-percent-50-lg{flex-basis:50%;} .flex-basis-percent-55-lg{flex-basis:55%;} .flex-basis-percent-60-lg{flex-basis:60%;} .flex-basis-percent-65-lg{flex-basis:65%;} .flex-basis-percent-70-lg{flex-basis:70%;} .flex-basis-percent-75-lg{flex-basis:75%;} .flex-basis-percent-80-lg{flex-basis:80%;} .flex-basis-percent-85-lg{flex-basis:85%;} .flex-basis-percent-90-lg{flex-basis:90%;} .flex-basis-percent-95-lg{flex-basis:95%;} .flex-basis-percent-100-lg{flex-basis:100%;} } /* MD */ @media (max-width:1200px){ .flex-basis-percent-5-md{ flex-basis:5%;} .flex-basis-percent-10-md{flex-basis:10%;} .flex-basis-percent-15-md{flex-basis:15%;} .flex-basis-percent-20-md{flex-basis:20%;} .flex-basis-percent-25-md{flex-basis:25%;} .flex-basis-percent-30-md{flex-basis:30%;} .flex-basis-percent-35-md{flex-basis:35%;} .flex-basis-percent-40-md{flex-basis:40%;} .flex-basis-percent-45-md{flex-basis:45%;} .flex-basis-percent-50-md{flex-basis:50%;} .flex-basis-percent-55-md{flex-basis:55%;} .flex-basis-percent-60-md{flex-basis:60%;} .flex-basis-percent-65-md{flex-basis:65%;} .flex-basis-percent-70-md{flex-basis:70%;} .flex-basis-percent-75-md{flex-basis:75%;} .flex-basis-percent-80-md{flex-basis:80%;} .flex-basis-percent-85-md{flex-basis:85%;} .flex-basis-percent-90-md{flex-basis:90%;} .flex-basis-percent-95-md{flex-basis:95%;} .flex-basis-percent-100-md{flex-basis:100%;} } /* SM */ @media (max-width:992px){ .flex-basis-percent-5-sm{ flex-basis:5%;} .flex-basis-percent-10-sm{flex-basis:10%;} .flex-basis-percent-15-sm{flex-basis:15%;} .flex-basis-percent-20-sm{flex-basis:20%;} .flex-basis-percent-25-sm{flex-basis:25%;} .flex-basis-percent-30-sm{flex-basis:30%;} .flex-basis-percent-35-sm{flex-basis:35%;} .flex-basis-percent-40-sm{flex-basis:40%;} .flex-basis-percent-45-sm{flex-basis:45%;} .flex-basis-percent-50-sm{flex-basis:50%;} .flex-basis-percent-55-sm{flex-basis:55%;} .flex-basis-percent-60-sm{flex-basis:60%;} .flex-basis-percent-65-sm{flex-basis:65%;} .flex-basis-percent-70-sm{flex-basis:70%;} .flex-basis-percent-75-sm{flex-basis:75%;} .flex-basis-percent-80-sm{flex-basis:80%;} .flex-basis-percent-85-sm{flex-basis:85%;} .flex-basis-percent-90-sm{flex-basis:90%;} .flex-basis-percent-95-sm{flex-basis:95%;} .flex-basis-percent-100-sm{flex-basis:100%;} .flex-colum-sm {flex-direction:column} .flex.justify-content-space-center-sm{ justify-content:center!important; } } /* XS */ @media (max-width:768px){ .flex-basis-percent-5-xs{ flex-basis:5%;} .flex-basis-percent-10-xs{flex-basis:10%;} .flex-basis-percent-15-xs{flex-basis:15%;} .flex-basis-percent-20-xs{flex-basis:20%;} .flex-basis-percent-25-xs{flex-basis:25%;} .flex-basis-percent-30-xs{flex-basis:30%;} .flex-basis-percent-35-xs{flex-basis:35%;} .flex-basis-percent-40-xs{flex-basis:40%;} .flex-basis-percent-45-xs{flex-basis:45%;} .flex-basis-percent-50-xs{flex-basis:50%;} .flex-basis-percent-55-xs{flex-basis:55%;} .flex-basis-percent-60-xs{flex-basis:60%;} .flex-basis-percent-65-xs{flex-basis:65%;} .flex-basis-percent-70-xs{flex-basis:70%;} .flex-basis-percent-75-xs{flex-basis:75%;} .flex-basis-percent-80-xs{flex-basis:80%;} .flex-basis-percent-85-xs{flex-basis:85%;} .flex-basis-percent-90-xs{flex-basis:90%;} .flex-basis-percent-95-xs{flex-basis:95%;} .flex-basis-percent-1000-xs{flex-basis:100%;} .flex-colum-xs {flex-direction:column} } /* LG */ @media (min-width:1201px) and (max-width:1600px){ .flex-float-right-lg{ margin-left:auto;order:2; } } /* MD */ @media (min-width:993px) and (max-width:1200px){ .flex-float-right-md{ margin-left:auto;order:2; } } /* SM */ @media (min-width:769px) and (max-width:992px){ .flex-float-right-sm{ margin-left:auto;order:2; } } /* XS */ @media (max-width:768px){ .flex-float-right-xs{ margin-left:auto;order:2; } } /* XL */ @media (min-width:1601px){ .flex-float-right-xl{ margin-left:auto;order:2; } } /* LG */ @media (min-width:1201px) and (max-width:1600px){ .flex-float-right-lg{ margin-left:auto;order:2; } } /* MD */ @media (min-width:993px) and (max-width:1200px){ .flex-float-right-md{ margin-left:auto;order:2; } } /* SM */ @media (min-width:769px) and (max-width:992px){ .flex-float-right-sm{ margin-left:auto;order:2; } } /* XS */ @media (max-width:768px){ .flex-float-right-xs{ margin-left:auto;order:2; } } /* Display __________________________________________________________*/ .block{ display:block!important; } .inline{ display:inline-block!important; } .hidden{ display:none!important; } .invisible{ visibility:hidden; } /* LG */ @media (min-width:1600px){ .block-lg-up {display:block!important;} } /* MD */ @media (min-width:1200px){ .block-md-up {display:block!important;} } /* SM */ @media (min-width:992px){ .block-sm-up {display:block!important;} } /* XS */ @media (min-width:768px){ .block-xs-up {display:block!important;} } /* XL */ @media (min-width:1601px){ .block-xl {display:block!important;} } /* LG */ @media (min-width:1201px) and (max-width:1600px){ .block-lg {display:block!important;} } /* MD */ @media (min-width:993px) and (max-width:1200px){ .block-md {display:block!important;} } /* SM */ @media (min-width:769px) and (max-width:992px){ .block-sm {display:block!important;} } /* XS */ @media (max-width:768px){ .block-xs {display:block!important;} } /* ======================================= DEFAULT ======================================= */ body{ background-color:#fff; } #pin input{ background-color:#f4f7fc; border:0; color:#222; text-align:center; border-radius:4px; max-width:80px; width:25%; padding:20px 10px; font-family:'Open Sans',sans-serif; font-weight:700; font-size:24px; } #pin{ position:absolute; left:0; top:50%; transform:translate(0,-50%); width:100%; text-align:center; } #error{ position:absolute; background-color:#b92d2d; color:#fff; top:-50px; width:100%; text-align:center; padding:8px; border-radius:6px; font-size:12px; font-weight:bold; } /* RESPONSIVE CSS -------------------------------------------------- */ /*\ * Restore Bootstrap 3 "hidden" utility classes. \*/ /* Breakpoint XS */ @media (max-width:575px) { #pin-extra .hidden-xs-down,#pin-extra .hidden-sm-down,#pin-extra .hidden-md-down,#pin-extra .hidden-lg-down,#pin-extra .hidden-xl-down, #pin-extra .hidden-xs-up, #pin-extra .hidden-unless-sm,#pin-extra .hidden-unless-md,#pin-extra .hidden-unless-lg,#pin-extra .hidden-unless-xl { display:none !important; } } /* Breakpoint SM */ @media (min-width:576px) and (max-width:767px) { #pin-extra .hidden-sm-down,#pin-extra .hidden-md-down,#pin-extra .hidden-lg-down,#pin-extra .hidden-xl-down, #pin-extra .hidden-xs-up,#pin-extra .hidden-sm-up, #pin-extra .hidden-unless-xs,#pin-extra .hidden-unless-md,#pin-extra .hidden-unless-lg,#pin-extra .hidden-unless-xl { display:none !important; } } /* Breakpoint MD */ @media (min-width:768px) and (max-width:991px) { #pin-extra .hidden-md-down,#pin-extra .hidden-lg-down,#pin-extra .hidden-xl-down, #pin-extra .hidden-xs-up,#pin-extra .hidden-sm-up,#pin-extra .hidden-md-up, #pin-extra .hidden-unless-xs,#pin-extra .hidden-unless-sm,#pin-extra .hidden-unless-lg,#pin-extra .hidden-unless-xl { display:none !important; } } /* Breakpoint LG */ @media (min-width:992px) and (max-width:1199px) { #pin-extra .hidden-lg-down,#pin-extra .hidden-xl-down, #pin-extra .hidden-xs-up,#pin-extra .hidden-sm-up,#pin-extra .hidden-md-up,#pin-extra .hidden-lg-up, #pin-extra .hidden-unless-xs,#pin-extra .hidden-unless-sm,#pin-extra .hidden-unless-md,#pin-extra .hidden-unless-xl { display:none !important; } } /* Breakpoint XL */ @media (min-width:1200px) { #pin-extra .hidden-xl-down, #pin-extra .hidden-xs-up,#pin-extra .hidden-sm-up,#pin-extra .hidden-md-up,#pin-extra .hidden-lg-up,#pin-extra .hidden-xl-up, #pin-extra .hidden-unless-xs,#pin-extra .hidden-unless-sm,#pin-extra .hidden-unless-md,#pin-extra .hidden-unless-lg { display:none !important; } }/* Toggle Switch __________________________________________________________*/ .toggle-switch{ display:inline-block; cursor:pointer; -webkit-tap-highlight-color:transparent; } .toggle-switch i{ position:relative; display:inline-block; margin-right:.5rem; width:46px; height:26px; background-color:var(--box-color); border-radius:23px; vertical-align:text-bottom; transition:all 0.3s linear; } .toggle-switch.alt i{ background-color:var(--bg-color); } body.dark .toggle-switch i{ background-color:rgba(0,0,0,1.00); } .toggle-switch.sm i{ width:38px; height:18px; } .toggle-switch i::before{ content:""; position:absolute; left:0; width:42px; height:22px; background-color:var(--box-color); border-radius:11px; transform:translate3d(2px,2px,0) scale3d(1,1,1); transition:all 0.25s linear; } .toggle-switch.alt i::before{ background-color:var(--bg-color); } body.dark .toggle-switch i::before{ background-color:rgba(0,0,0,1.00); } .toggle-switch.sm i::before{ width:34px; height:14px; } .toggle-switch i::after{ content:""; position:absolute; left:0; width:22px; height:22px; background-color:#fff; border-radius:11px; box-shadow:0 2px 2px rgba(0,0,0,0.24); transform:translate3d(2px,2px,0); transition:all 0.2s ease-in-out; } .toggle-switch.sm i::after{ width:14px; height:14px; } .toggle-switch:active i::after{ width:28px; transform:translate3d(2px,2px,0); } .toggle-switch:active input:checked + i::after{transform:translate3d(16px,2px,0);} .toggle-switch input{display:none;} .toggle-switch input:checked + i{background-color:var(--main-color);} .toggle-switch input:checked + i::before{transform:translate3d(18px,2px,0) scale3d(0,0,0);} .toggle-switch input:checked + i::after{transform:translate3d(22px,2px,0);}/* Position __________________________________________________________*/ .pull-left{ float:left; } .pull-right{ float:right; } .pos-center{ position:absolute!important; top:50%!important; left:50%!important; transform:translate(-50%,-50%)!important; -webkit-transform:translate3d(-50%,-50%,0)!important; } .pos-center-y{ position:absolute; top:50%; transform:translate3d(0,-50%,0); -webkit-transform:translate3d(0,-50%,0); left:0; } .pos-center-x{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translate3d(-50%,-50%,0); } .pos-absolute-bottom{ position:absolute; bottom:0; left:0; } .pos-absolute-bottom-center{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translate3d(-50%,0,0); } .pos-absolute-bottom-right{ position:absolute; bottom:0; right:0; transform:none; -webkit-transform:translate3d(0,0,0); } .pos-fixed{ position:fixed; } .pos-fixed-top{ position:fixed; top:0; left:0; width:100%; } .pos-absolute-top{ position:absolute; top:0; left:0; width:100%; } .pos-absolute-top-center{ position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translate3d(-50%,0,0); } .pos-absolute-top-right{ position:absolute; top:0; right:0; transform:none; -webkit-transform:translate3d(0,0,0); } .pos-absolute-top-left{ position:absolute; top:0; left:0; transform:none; -webkit-transform:translate3d(0,0,0); } .pos-center-left{ position:absolute; top:50%; left:10px; transform:translate3d(0,-50%,0); -webkit-transform:translate3d(0,-50%,0); } .pos-center-right{ position:absolute; top:50%; right:10px; transform:translate3d(0,-50%,0); -webkit-transform:translate3d(0,-50%,0); } .pos-center-left-outsite{ position:absolute; top:50%; left:-20%; transform:translate3d(0,-50%,0); -webkit-transform:translate3d(0,-50%,0); } .pos-center-right-outsite{ position:absolute; top:50%; right:-20%; transform:translate3d(0,-50%,0); -webkit-transform:translate3d(0,-50%,0); } .pos-right{ right:0!important; left:auto!important; } .pos-left{ left:0!important; right:auto!important; } .pos-top{ top:0; bottom:auto; } .pos-top-minus-lg{ top:-10px; bottom:auto; } .pos-top-minus-xl{ top:-20px; bottom:auto; } .pos-top-minus-xxl{ top:-30px; bottom:auto; } .pos-top-minus-xxxl{ top:-40px; bottom:auto; } .pos-top{ top:0; bottom:auto; } .pos-top-lg{ top:10px; bottom:auto; } .pos-top-xl{ top:20px; bottom:auto; } .pos-top-xxl{ top:30px; bottom:auto; } .pos-top-xxxl{ top:40px; bottom:auto; } .relative{ position:relative!important; } .align-items-center{ align-items:center !important; } .align-items-stretch{ align-items:stretch!important; } .justify-content-center{ justify-content:center; } .left-auto { left:auto!important;} .left-0 { left:0!important;} .right-auto { right:auto!important;} .right-0 { right:0!important;} .top-0 { top:0!important;} .top-header { top:100px!important;} .top-header-headline{ top:135px!important;} .top-auto { top:auto!important;} .bottom-0 { bottom:0!important;} .transform-none { transform:none!important;} .v-middle { vertical-align:middle!important;} .absolute { position:absolute!important;} .fixed { position:fixed!important;} .overflow-y-auto {overflow-y:auto!important;} .overflow-y-none {overflow-y:hidden;} .order-2 {order:2;} /* LG */ @media (min-width:1601px){ .fixed-xl { position:fixed!important;} .absolute-xl { position:absolute!important;} .relative-xl { position:relative!important;} .left-xl-0 { left:0!important;} .left-xl-auto { left:0!important;} .top-xl-0 { top:0!important;} .transform-xl-none { transform:none!important;-webkit-transform:none!important;} .overflow-y-auto-xl { overflow-y:auto;} .overflow-y-none-xl { overflow-y:hidden;} .order-2-xl { order:2;} } /* LG */ @media (max-width:1600px){ .fixed-lg { position:fixed!important;} .absolute-lg { position:absolute!important;} .relative-lg { position:relative!important;} .top-lg-0 { top:0!important;} .transform-lg-none { transform:none!important;-webkit-transform:none!important;} .left-lg-0 { left:0!important;} .left-lg-100 { left:100px!important;} .left-lg-150 { left:150px!important;} .left-lg-200 { left:200px!important;} .left-lg-250 { left:250px!important;width:calc(100% - 250px)!important;} .left-lg-300 { left:300px!important;} .left-lg-auto { left:0!important;} .overflow-y-auto-lg { overflow-y:auto;} .overflow-y-none-lg { overflow-y:hidden;} .order-2-lg { order:2;} } /* MD */ @media (max-width:1200px){ .fixed-md { position:fixed!important;} .absolute-md { position:absolute!important;} .relative-md { position:relative!important;} .left-md-0 { left:0!important;} .left-md-auto { left:0!important;} .top-header { top:60px!important;} .top-header-headline{ top:95px!important;} .top-md-0 { top:0!important;} .transform-md-none { transform:none!important;-webkit-transform:none!important;} .overflow-y-auto-md { overflow-y:auto;} .overflow-y-none-md { overflow-y:hidden;} .order-2-md { order:2;} } /* SM */ @media (max-width:992px){ .fixed-sm { position:fixed!important;} .absolute-sm { position:absolute!important;} .relative-sm { position:relative!important;} .left-sm-0 { left:0!important;} .left-sm-auto { left:0!important;} .top-sm-0 { top:0!important;} .transform-sm-none { transform:none!important;-webkit-transform:none!important;} .right-0-sm { right:0!important;} .right-3-sm { right:3px!important;} .right-5-sm { right:5px!important;} .right-10-sm { right:10px!important;} .overflow-y-auto-sm { overflow-y:auto;} .overflow-y-none-sm { overflow-y:hidden;} .order-2-sm { order:2;} .pos-absolute-bottom-center-sm{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translate3d(-50%,0,0); } } /* XS */ @media (max-width:768px){ .fixed-xs { position:fixed!important;} .absolute-xs { position:absolute!important;} .relative-xs { position:relative!important;} .left-xs-0 { left:0!important;} .left-xs-auto { left:0!important;} .top-xs-0 { top:0!important;} .transform-xs-none { transform:none!important;-webkit-transform:none!important;} .overflow-y-auto-xs { overflow-y:auto;} .overflow-y-none-xs { overflow-y:hidden;} .order-2-xs { order:2;} } /* Top position __________________________________________________________*/ .fixed-t-50{ top:50px;} .fixed-t-100{ top:100px;} .fixed-t-125{ top:125px;} .fixed-t-150{ top:150px;} .fixed-t-200{ top:200px;} .fixed-t-250{ top:250px;} .fixed-t-300{ top:300px;} /* LG */ @media (max-width:1600px){ .fixed-t-50-lg{ top:50px;} .fixed-t-100-lg{ top:100px;} .fixed-t-125-lg{ top:125px;} .fixed-t-150-lg{ top:150px;} .fixed-t-200-lg{ top:200px;} .fixed-t-250-lg{ top:250px;} .fixed-t-300-lg{ top:300px;} } /* MD */ @media (max-width:1200px){ .fixed-t-50-md{ top:50px;} .fixed-t-100-md{ top:100px;} .fixed-t-125-md{ top:125px;} .fixed-t-150-md{ top:150px;} .fixed-t-200-md{ top:200px;} .fixed-t-250-md{ top:250px;} .fixed-t-300-md{ top:300px;} } /* SM */ @media (max-width:992px){ .fixed-t-50-sm{ top:50px;} .fixed-t-100-sm{ top:100px;} .fixed-t-125-sm{ top:125px;} .fixed-t-150-sm{ top:150px;} .fixed-t-200-sm{ top:200px;} .fixed-t-250-sm{ top:250px;} .fixed-t-300-sm{ top:300px;} } /* XS */ @media (max-width:768px){ .fixed-t-50-xs{ top:50px;} .fixed-t-100-xs{ top:100px;} .fixed-t-125-xs{ top:125px;} .fixed-t-150-xs{ top:150px;} .fixed-t-200-xs{ top:200px;} .fixed-t-250-xs{ top:250px;} .fixed-t-300-xs{ top:300px;} }/* Sizing __________________________________________________________*/ /* Width Fixed __________________________________________________________*/ .fixed-w10 { width:10px!important;} .fixed-w15 { width:15px!important;} .fixed-w16 { width:16px!important;} .fixed-w20 { width:20px!important;} .fixed-w25 { width:25px!important;} .fixed-w30 { width:30px!important;} .fixed-w35 { width:35px!important;} .fixed-w40 { width:40px!important;} .fixed-w45 { width:45px!important;} .fixed-w50 { width:50px!important;} .fixed-w55 { width:55px!important;} .fixed-w60 { width:60px!important;} .fixed-w65 { width:65px!important;} .fixed-w70 { width:70px!important;} .fixed-w75 { width:75px!important;} .fixed-w80 { width:80px!important;} .fixed-w85 { width:85px!important;} .fixed-w90 { width:90px!important;} .fixed-w95 { width:95px!important;} .fixed-w100 { width:100px!important;} .fixed-w105 { width:105px!important;} .fixed-w110 { width:110px!important;} .fixed-w115 { width:115px!important;} .fixed-w120 { width:120px!important;} .fixed-w125 { width:125px!important;} .fixed-w130 { width:130px!important;} .fixed-w135 { width:135px!important;} .fixed-w140 { width:140px!important;} .fixed-w145 { width:145px!important;} .fixed-w150 { width:150px!important;} .fixed-w160 { width:160px!important;} .fixed-w170 { width:170px!important;} .fixed-w180 { width:180px!important;} .fixed-w190 { width:190px!important;} .fixed-w200 { width:200px!important;} .fixed-w210 { width:210px!important;} .fixed-w220 { width:220px!important;} .fixed-w230 { width:230px!important;} .fixed-w240 { width:240px!important;} .fixed-w250 { width:250px!important;} .fixed-w260 { width:260px!important;} .fixed-w270 { width:270px!important;} .fixed-w280 { width:280px!important;} .fixed-w290 { width:290px!important;} .fixed-w300 { width:300px!important;} /* LG */ @media (max-width:1600px){ .fixed-w10-lg { width:10px!important;} .fixed-w15-lg { width:15px!important;} .fixed-w20-lg { width:20px!important;} .fixed-w25-lg { width:25px!important;} .fixed-w30-lg { width:30px!important;} .fixed-w35-lg { width:35px!important;} .fixed-w40-lg { width:40px!important;} .fixed-w45-lg { width:45px!important;} .fixed-w50-lg { width:50px!important;} .fixed-w55-lg { width:55px!important;} .fixed-w60-lg { width:60px!important;} .fixed-w65-lg { width:65px!important;} .fixed-w70-lg { width:70px!important;} .fixed-w75-lg { width:75px!important;} .fixed-w80-lg { width:80px!important;} .fixed-w85-lg { width:85px!important;} .fixed-w90-lg { width:90px!important;} .fixed-w95-lg { width:95px!important;} .fixed-w100-lg { width:100px!important;} .fixed-w105-lg { width:105px!important;} .fixed-w110-lg { width:110px!important;} .fixed-w115-lg { width:115px!important;} .fixed-w120-lg { width:120px!important;} .fixed-w125-lg { width:125px!important;} .fixed-w130-lg { width:130px!important;} .fixed-w135-lg { width:135px!important;} .fixed-w140-lg { width:140px!important;} .fixed-w145-lg { width:145px!important;} .fixed-w150-lg { width:150px!important;} } /* MD */ @media (max-width:1200px){ .fixed-w10-md { width:10px!important;} .fixed-w15-md { width:15px!important;} .fixed-w20-md { width:20px!important;} .fixed-w25-md { width:25px!important;} .fixed-w30-md { width:30px!important;} .fixed-w35-md { width:35px!important;} .fixed-w40-md { width:40px!important;} .fixed-w45-md { width:45px!important;} .fixed-w50-md { width:50px!important;} .fixed-w55-md { width:55px!important;} .fixed-w60-md { width:60px!important;} .fixed-w65-md { width:65px!important;} .fixed-w70-md { width:70px!important;} .fixed-w75-md { width:75px!important;} .fixed-w80-md { width:80px!important;} .fixed-w85-md { width:85px!important;} .fixed-w90-md { width:90px!important;} .fixed-w95-md { width:95px!important;} .fixed-w100-md { width:100px!important;} .fixed-w105-md { width:105px!important;} .fixed-w110-md { width:110px!important;} .fixed-w115-md { width:115px!important;} .fixed-w120-md { width:120px!important;} .fixed-w125-md { width:125px!important;} .fixed-w130-md { width:130px!important;} .fixed-w135-md { width:135px!important;} .fixed-w140-md { width:140px!important;} .fixed-w145-md { width:145px!important;} .fixed-w150-md { width:150px!important;} } /* SM */ @media (max-width:992px){ .fixed-w10-sm { width:10px!important;} .fixed-w15-sm { width:15px!important;} .fixed-w20-sm { width:20px!important;} .fixed-w25-sm { width:25px!important;} .fixed-w30-sm { width:30px!important;} .fixed-w35-sm { width:35px!important;} .fixed-w40-sm { width:40px!important;} .fixed-w45-sm { width:45px!important;} .fixed-w50-sm { width:50px!important;} .fixed-w55-sm { width:55px!important;} .fixed-w60-sm { width:60px!important;} .fixed-w65-sm { width:65px!important;} .fixed-w70-sm { width:70px!important;} .fixed-w75-sm { width:75px!important;} .fixed-w80-sm { width:80px!important;} .fixed-w85-sm { width:85px!important;} .fixed-w90-sm { width:90px!important;} .fixed-w95-sm { width:95px!important;} .fixed-w100-sm { width:100px!important;} .fixed-w105-sm { width:105px!important;} .fixed-w110-sm { width:110px!important;} .fixed-w115-sm { width:115px!important;} .fixed-w120-sm { width:120px!important;} .fixed-w125-sm { width:125px!important;} .fixed-w130-sm { width:130px!important;} .fixed-w135-sm { width:135px!important;} .fixed-w140-sm { width:140px!important;} .fixed-w145-sm { width:145px!important;} .fixed-w150-sm { width:150px!important;} } /* XS */ @media (max-width:768px){ .fixed-w10-xs { width:10px!important;} .fixed-w15-xs { width:15px!important;} .fixed-w20-xs { width:20px!important;} .fixed-w25-xs { width:25px!important;} .fixed-w30-xs { width:30px!important;} .fixed-w35-xs { width:35px!important;} .fixed-w40-xs { width:40px!important;} .fixed-w45-xs { width:45px!important;} .fixed-w50-xs { width:50px!important;} .fixed-w55-xs { width:55px!important;} .fixed-w60-xs { width:60px!important;} .fixed-w65-xs { width:65px!important;} .fixed-w70-xs { width:70px!important;} .fixed-w75-xs { width:75px!important;} .fixed-w80-xs { width:80px!important;} .fixed-w85-xs { width:85px!important;} .fixed-w90-xs { width:90px!important;} .fixed-w95-xs { width:95px!important;} .fixed-w100-xs { width:100px!important;} .fixed-w105-xs { width:105px!important;} .fixed-w110-xs { width:110px!important;} .fixed-w115-xs { width:115px!important;} .fixed-w120-xs { width:120px!important;} .fixed-w125-xs { width:125px!important;} .fixed-w130-xs { width:130px!important;} .fixed-w135-xs { width:135px!important;} .fixed-w140-xs { width:140px!important;} .fixed-w145-xs { width:145px!important;} .fixed-w150-xs { width:150px!important;} } /* Max Width __________________________________________________________*/ .max-w100 { max-width:100%!important;} .max-w95 { max-width:95%!important;} .max-w90 { max-width:90%!important;} .max-w85 { max-width:85%!important;} .max-w80 { max-width:80%!important;} .max-w70 { max-width:70%!important;} .max-w60 { max-width:60%!important;} .max-w65 { max-width:65%!important;} .max-w50 { max-width:50%!important;} .max-w40 { max-width:40%!important;} .max-w30 { max-width:30%!important;} .max-w20 { max-width:20%!important;} .max-w15 { max-width:15%!important;} .max-w10 { max-width:10%!important;} .max-w-auto { max-width:none!important;} /* LG */ @media (max-width:1600px){ .max-w100-lg { max-width:100%!important;} .max-w95-lg { max-width:95%!important;} .max-w90-lg { max-width:90%!important;} .max-w85-lg { max-width:85%!important;} .max-w80-lg { max-width:80%!important;} .max-w70-lg { max-width:70%!important;} .max-w60-lg { max-width:60%!important;} .max-w50-lg { max-width:50%!important;} .max-w40-lg { max-width:40%!important;} .max-w30-lg { max-width:30%!important;} .max-w20-lg { max-width:20%!important;} .max-w15-lg { max-width:15%!important;} .max-w10-lg { max-width:10%!important;} .max-w-auto-lg { max-width:none!important;} } /* MD */ @media (max-width:1200px){ .max-w100-md { max-width:100%!important;} .max-w95-md { max-width:95%!important;} .max-w90-md { max-width:90%!important;} .max-w85-md { max-width:85%!important;} .max-w80-md { max-width:80%!important;} .max-w70-md { max-width:70%!important;} .max-w60-md { max-width:60%!important;} .max-w50-md { max-width:50%!important;} .max-w40-md { max-width:40%!important;} .max-w30-md { max-width:30%!important;} .max-w20-md { max-width:20%!important;} .max-w15-md { max-width:15%!important;} .max-w10-md { max-width:10%!important;} .max-w-auto-md { max-width:none!important;} } /* SM */ @media (max-width:992px){ .max-w100-sm { max-width:100%!important;} .max-w95-sm { max-width:95%!important;} .max-w90-sm { max-width:90%!important;} .max-w85-sm { max-width:85%!important;} .max-w80-sm { max-width:80%!important;} .max-w70-sm { max-width:70%!important;} .max-w60-sm { max-width:60%!important;} .max-w50-sm { max-width:50%!important;} .max-w40-sm { max-width:40%!important;} .max-w30-sm { max-width:30%!important;} .max-w20-sm { max-width:20%!important;} .max-w15-sm { max-width:15%!important;} .max-w10-sm { max-width:10%!important;} .max-w-auto-sm { max-width:none!important;} } /* XS */ @media (max-width:768px){ .max-w100-xs { max-width:100%!important;} .max-w95-xs { max-width:95%!important;} .max-w90-xs { max-width:90%!important;} .max-w85-xs { max-width:85%!important;} .max-w80-xs { max-width:80%!important;} .max-w70-xs { max-width:70%!important;} .max-w60-xs { max-width:60%!important;} .max-w50-xs { max-width:50%!important;} .max-w40-xs { max-width:40%!important;} .max-w30-xs { max-width:30%!important;} .max-w20-xs { max-width:20%!important;} .max-w15-xs { max-width:15%!important;} .max-w10-xs { max-width:10%!important;} .max-w-auto-xs { max-width:none!important;} } /* Max Width Fixed __________________________________________________________*/ .max-fixed-w10 { max-width:10px!important;} .max-fixed-w20 { max-width:20px!important;} .max-fixed-w30 { max-width:30px!important;} .max-fixed-w40 { max-width:40px!important;} .max-fixed-w50 { max-width:50px!important;} .max-fixed-w60 { max-width:60px!important;} .max-fixed-w70 { max-width:70px!important;} .max-fixed-w80 { max-width:80px!important;} .max-fixed-w90 { max-width:90px!important;} .max-fixed-w100 { max-width:100px!important;} .max-fixed-w110 { max-width:110px!important;} .max-fixed-w120 { max-width:120px!important;} .max-fixed-w130 { max-width:130px!important;} .max-fixed-w140 { max-width:140px!important;} .max-fixed-w150 { max-width:150px!important;} .max-fixed-w160 { max-width:160px!important;} .max-fixed-w170 { max-width:170px!important;} .max-fixed-w180 { max-width:180px!important;} .max-fixed-w190 { max-width:190px!important;} .max-fixed-w200 { max-width:200px!important;} /* LG */ @media (max-width:1600px){ .max-fixed-w10-lg { max-width:10px!important;} .max-fixed-w20-lg { max-width:20px!important;} .max-fixed-w30-lg { max-width:30px!important;} .max-fixed-w40-lg { max-width:40px!important;} .max-fixed-w50-lg { max-width:50px!important;} .max-fixed-w60-lg { max-width:60px!important;} .max-fixed-w70-lg { max-width:70px!important;} .max-fixed-w80-lg { max-width:80px!important;} .max-fixed-w90-lg { max-width:90px!important;} .max-fixed-w100-lg { max-width:100px!important;} .max-fixed-w110-lg { max-width:110px!important;} .max-fixed-w120-lg { max-width:120px!important;} .max-fixed-w130-lg { max-width:130px!important;} .max-fixed-w140-lg { max-width:140px!important;} .max-fixed-w150-lg { max-width:150px!important;} .max-fixed-w160-lg { max-width:160px!important;} .max-fixed-w170-lg { max-width:170px!important;} .max-fixed-w180-lg { max-width:180px!important;} .max-fixed-w190-lg { max-width:190px!important;} .max-fixed-w200-lg { max-width:200px!important;} } /* MD */ @media (max-width:1200px){ .max-fixed-w10-md { max-width:10px!important;} .max-fixed-w20-md { max-width:20px!important;} .max-fixed-w30-md { max-width:30px!important;} .max-fixed-w40-md { max-width:40px!important;} .max-fixed-w50-md { max-width:50px!important;} .max-fixed-w60-md { max-width:60px!important;} .max-fixed-w70-md { max-width:70px!important;} .max-fixed-w80-md { max-width:80px!important;} .max-fixed-w90-md { max-width:90px!important;} .max-fixed-w100-md { max-width:100px!important;} .max-fixed-w110-md { max-width:110px!important;} .max-fixed-w120-md { max-width:120px!important;} .max-fixed-w130-md { max-width:130px!important;} .max-fixed-w140-md { max-width:140px!important;} .max-fixed-w150-md { max-width:150px!important;} .max-fixed-w160-md { max-width:160px!important;} .max-fixed-w170-md { max-width:170px!important;} .max-fixed-w180-md { max-width:180px!important;} .max-fixed-w190-md { max-width:190px!important;} .max-fixed-w200-md { max-width:200px!important;} } /* SM */ @media (max-width:992px){ .max-fixed-w10-sm { max-width:10px!important;} .max-fixed-w20-sm { max-width:20px!important;} .max-fixed-w30-sm { max-width:30px!important;} .max-fixed-w40-sm { max-width:40px!important;} .max-fixed-w50-sm { max-width:50px!important;} .max-fixed-w60-sm { max-width:60px!important;} .max-fixed-w70-sm { max-width:70px!important;} .max-fixed-w80-sm { max-width:80px!important;} .max-fixed-w90-sm { max-width:90px!important;} .max-fixed-w100-sm { max-width:100px!important;} .max-fixed-w110-sm { max-width:110px!important;} .max-fixed-w120-sm { max-width:120px!important;} .max-fixed-w130-sm { max-width:130px!important;} .max-fixed-w140-sm { max-width:140px!important;} .max-fixed-w150-sm { max-width:150px!important;} .max-fixed-w160-sm { max-width:160px!important;} .max-fixed-w170-sm { max-width:170px!important;} .max-fixed-w180-sm { max-width:180px!important;} .max-fixed-w190-sm { max-width:190px!important;} .max-fixed-w200-sm { max-width:200px!important;} } /* XS */ @media (max-width:768px){ .max-fixed-w10-xs { max-width:10px!important;} .max-fixed-w20-xs { max-width:20px!important;} .max-fixed-w30-xs { max-width:30px!important;} .max-fixed-w40-xs { max-width:40px!important;} .max-fixed-w50-xs { max-width:50px!important;} .max-fixed-w60-xs { max-width:60px!important;} .max-fixed-w70-xs { max-width:70px!important;} .max-fixed-w80-xs { max-width:80px!important;} .max-fixed-w90-xs { max-width:90px!important;} .max-fixed-w100-xs { max-width:100px!important;} .max-fixed-w110-xs { max-width:110px!important;} .max-fixed-w120-xs { max-width:120px!important;} .max-fixed-w130-xs { max-width:130px!important;} .max-fixed-w140-xs { max-width:140px!important;} .max-fixed-w150-xs { max-width:150px!important;} .max-fixed-w160-xs { max-width:160px!important;} .max-fixed-w170-xs { max-width:170px!important;} .max-fixed-w180-xs { max-width:180px!important;} .max-fixed-w190-xs { max-width:190px!important;} .max-fixed-w200-xs { max-width:200px!important;} } /* Width __________________________________________________________*/ .w200 { width:200%!important;} .w100 { width:100%!important;} .w90 { width:90%!important;} .w80 { width:80%!important;} .w75 { width:75%!important;} .w70 { width:70%!important;} .w60 { width:60%!important;} .w50 { width:50%!important;} .w40 { width:40%!important;} .w33 { width:33.33%!important;} .w30 { width:30%!important;} .w25 { width:25%!important;} .w20 { width:20%!important;} .w15 { width:15%!important;} .w10 { width:10%!important;} .w-auto{ width:auto!important;} /* LG */ @media (max-width:1920px){ .w200-hd { width:200%!important;} .w100-hd { width:100%!important;} .w90-hd { width:90%!important;} .w80-hd { width:80%!important;} .w75-hd { width:75%!important;} .w70-hd { width:70%!important;} .w60-hd { width:60%!important;} .w50-hd { width:50%!important;} .w40-hd { width:40%!important;} .w33-hd { width:33.33%!important;} .w30-hd { width:30%!important;} .w25-hd { width:25%!important;} .w20-hd { width:20%!important;} .w15-hd { width:15%!important;} .w10-hd { width:10%!important;} .w-auto-hd { width:auto!important;} } /* LG */ @media (max-width:1600px){ .w200-lg { width:200%!important;} .w100-lg { width:100%!important;} .w90-lg { width:90%!important;} .w80-lg { width:80%!important;} .w75-lg { width:75%!important;} .w70-lg { width:70%!important;} .w60-lg { width:60%!important;} .w50-lg { width:50%!important;} .w40-lg { width:40%!important;} .w33-lg { width:33.33%!important;} .w30-lg { width:30%!important;} .w25-lg { width:25%!important;} .w20-lg { width:20%!important;} .w15-lg { width:15%!important;} .w10-lg { width:10%!important;} .w-auto-lg { width:auto!important;} } /* MD */ @media (max-width:1200px){ .w200-md { width:200%!important;} .w100-md { width:100%!important;} .w90-md { width:90%!important;} .w80-md { width:80%!important;} .w75-md { width:75%!important;} .w70-md { width:70%!important;} .w60-md { width:60%!important;} .w50-md { width:50%!important;} .w40-md { width:40%!important;} .w33-md { width:33.33%!important;} .w30-md { width:30%!important;} .w25-md { width:25%!important;} .w20-md { width:20%!important;} .w15-md { width:15%!important;} .w10-md { width:10%!important;} .w-auto-md { width:auto!important;} } /* SM */ @media (max-width:992px){ .w200-sm { width:200%!important;} .w100-sm { width:100%!important;} .w90-sm { width:90%!important;} .w80-sm { width:80%!important;} .w75-sm { width:75%!important;} .w70-sm { width:70%!important;} .w60-sm { width:60%!important;} .w50-sm { width:50%!important;} .w40-sm { width:40%!important;} .w33-sm { width:33.33%!important;} .w30-sm { width:30%!important;} .w25-sm { width:25%!important;} .w20-sm { width:20%!important;} .w15-sm { width:15%!important;} .w10-sm { width:10%!important;} .w-auto-sm { width:auto!important;} .w-auto-sm { width:auto!important;} } /* XS */ @media (max-width:768px){ .w200-xs { width:200%!important;} .w100-xs { width:100%!important;} .w90-xs { width:90%!important;} .w80-xs { width:80%!important;} .w75-xs { width:75%!important;} .w70-xs { width:70%!important;} .w60-xs { width:60%!important;} .w50-xs { width:50%!important;} .w40-xs { width:40%!important;} .w33-xs { width:33.33%!important;} .w30-xs { width:30%!important;} .w25-xs { width:25%!important;} .w20-xs { width:20%!important;} .w15-xs { width:15%!important;} .w10-xs { width:10%!important;} .w-auto-xs { width:auto!important;} } /* Height __________________________________________________________*/ .h150 { height:150%!important;} .h100 { height:100%!important;} .h90 { height:90%!important;} .h80 { height:80%!important;} .h75 { height:75%!important;} .h70 { height:70%!important;} .h60 { height:60%!important;} .h50 { height:50%!important;} .h40 { height:40%!important;} .h30 { height:30%!important;} .h25 { height:25%!important;} .h20 { height:20%!important;} .h15 { height:15%!important;} .h10 { height:10%!important;} .h-auto{ height:auto!important;} .min-h-auto{ min-height:auto!important;} /* LG */ @media (max-width:1600px){ .h100-lg { height:100%!important;} .h90-lg { height:90%!important;} .h80-lg { height:80%!important;} .h75-lg { height:75%!important;} .h70-lg { height:70%!important;} .h60-lg { height:60%!important;} .h50-lg { height:50%!important;} .h40-lg { height:40%!important;} .h30-lg { height:30%!important;} .h25-lg { height:25%!important;} .h20-lg { height:20%!important;} .h15-lg { height:15%!important;} .h10-lg { height:10%!important;} .h-auto-lg { height:auto!important;} .min-h-auto-lg { min-height:auto!important;} } /* MD */ @media (max-width:1200px){ .h100-md { height:100%!important;} .h90-md { height:90%!important;} .h80-md { height:80%!important;} .h75-md { height:75%!important;} .h70-md { height:70%!important;} .h60-md { height:60%!important;} .h50-md { height:50%!important;} .h40-md { height:40%!important;} .h30-md { height:30%!important;} .h25-md { height:25%!important;} .h20-md { height:20%!important;} .h15-md { height:15%!important;} .h10-md { height:10%!important;} .h-auto-md { height:auto!important;} .min-h-auto-md { min-height:auto!important;} } /* SM */ @media (max-width:992px){ .h100-sm { height:100%!important;} .h90-sm { height:90%!important;} .h80-sm { height:80%!important;} .h75-sm { height:75%!important;} .h70-sm { height:70%!important;} .h60-sm { height:60%!important;} .h50-sm { height:50%!important;} .h40-sm { height:40%!important;} .h30-sm { height:30%!important;} .h25-sm { height:25%!important;} .h20-sm { height:20%!important;} .h15-sm { height:15%!important;} .h10-sm { height:10%!important;} .h-auto-sm { height:auto!important;} .min-h-auto-sm { min-height:auto!important;} } /* XS */ @media (max-width:768px){ .h100-xs { height:100%!important;} .h90-xs { height:90%!important;} .h80-xs { height:80%!important;} .h75-xs { height:75%!important;} .h70-xs { height:70%!important;} .h60-xs { height:60%!important;} .h50-xs { height:50%!important;} .h40-xs { height:40%!important;} .h30-xs { height:30%!important;} .h25-xs { height:25%!important;} .h20-xs { height:20%!important;} .h15-xs { height:15%!important;} .h10-xs { height:10%!important;} .h-auto-xs { height:auto!important;} .min-h-auto-xs { min-height:auto!important;} } /* Min Height __________________________________________________________*/ .min-h100-vh{ min-height:100vh!important;} .min-h100 { min-height:100%!important;} .min-h90 { min-height:90%!important;} .min-h80 { min-height:80%!important;} .min-h75 { min-height:75%!important;} .min-h70 { min-height:70%!important;} .min-h60 { min-height:60%!important;} .min-h50 { min-height:50%!important;} .min-h40 { min-height:40%!important;} .min-h30 { min-height:30%!important;} .min-h25 { min-height:25%!important;} .min-h20 { min-height:20%!important;} .min-h15 { min-height:15%!important;} .min-h10 { min-height:10%!important;} /* LG */ @media (max-width:1600px){ .min-h100-lg { min-height:100%!important;} .min-h90-lg { min-height:90%!important;} .min-h80-lg { min-height:80%!important;} .min-h75-lg { min-height:75%!important;} .min-h70-lg { min-height:70%!important;} .min-h60-lg { min-height:60%!important;} .min-h50-lg { min-height:50%!important;} .min-h40-lg { min-height:40%!important;} .min-h30-lg { min-height:30%!important;} .min-h25-lg { min-height:25%!important;} .min-h20-lg { min-height:20%!important;} .min-h15-lg { min-height:15%!important;} .min-h10-lg { min-height:10%!important;} } /* MD */ @media (max-width:1200px){ .min-h100-md { min-height:100%!important;} .min-h90-md { min-height:90%!important;} .min-h80-md { min-height:80%!important;} .min-h75-md { min-height:75%!important;} .min-h70-md { min-height:70%!important;} .min-h60-md { min-height:60%!important;} .min-h50-md { min-height:50%!important;} .min-h40-md { min-height:40%!important;} .min-h30-md { min-height:30%!important;} .min-h25-md { min-height:25%!important;} .min-h20-md { min-height:20%!important;} .min-h15-md { min-height:15%!important;} .min-h10-md { min-height:10%!important;} } /* SM */ @media (max-width:992px){ .min-h100-sm { min-height:100%!important;} .min-h90-sm { min-height:90%!important;} .min-h80-sm { min-height:80%!important;} .min-h75-sm { min-height:75%!important;} .min-h70-sm { min-height:70%!important;} .min-h60-sm { min-height:60%!important;} .min-h50-sm { min-height:50%!important;} .min-h40-sm { min-height:40%!important;} .min-h30-sm { min-height:30%!important;} .min-h25-sm { min-height:25%!important;} .min-h20-sm { min-height:20%!important;} .min-h15-sm { min-height:15%!important;} .min-h10-sm { min-height:10%!important;} } /* XS */ @media (max-width:768px){ .min-h100-xs { min-height:100%!important;} .min-h90-xs { min-height:90%!important;} .min-h80-xs { min-height:80%!important;} .min-h75-xs { min-height:75%!important;} .min-h70-xs { min-height:70%!important;} .min-h60-xs { min-height:60%!important;} .min-h50-xs { min-height:50%!important;} .min-h40-xs { min-height:40%!important;} .min-h30-xs { min-height:30%!important;} .min-h25-xs { min-height:25%!important;} .min-h20-xs { min-height:20%!important;} .min-h15-xs { min-height:15%!important;} .min-h10-xs { min-height:10%!important;} } /* Max Height __________________________________________________________*/ .max-h100 { max-height:100%!important;} .max-h90 { max-height:90%!important;} .max-h80 { max-height:80%!important;} .max-h75 { max-height:75%!important;} .max-h70 { max-height:70%!important;} .max-h60 { max-height:60%!important;} .max-h50 { max-height:50%!important;} .max-h40 { max-height:40%!important;} .max-h30 { max-height:30%!important;} .max-h25 { max-height:25%!important;} .max-h20 { max-height:20%!important;} .max-h15 { max-height:15%!important;} .max-h10 { max-height:10%!important;} /* LG */ @media (max-width:1600px){ .max-h100-lg { max-height:100%!important;} .max-h90-lg { max-height:90%!important;} .max-h80-lg { max-height:80%!important;} .max-h75-lg { max-height:75%!important;} .max-h70-lg { max-height:70%!important;} .max-h60-lg { max-height:60%!important;} .max-h50-lg { max-height:50%!important;} .max-h40-lg { max-height:40%!important;} .max-h30-lg { max-height:30%!important;} .max-h25-lg { max-height:25%!important;} .max-h20-lg { max-height:20%!important;} .max-h15-lg { max-height:15%!important;} .max-h10-lg { max-height:10%!important;} } /* MD */ @media (max-width:1200px){ .max-h100-md { max-height:100%!important;} .max-h90-md { max-height:90%!important;} .max-h80-md { max-height:80%!important;} .max-h75-md { max-height:75%!important;} .max-h70-md { max-height:70%!important;} .max-h60-md { max-height:60%!important;} .max-h50-md { max-height:50%!important;} .max-h40-md { max-height:40%!important;} .max-h30-md { max-height:30%!important;} .max-h25-md { max-height:25%!important;} .max-h20-md { max-height:20%!important;} .max-h15-md { max-height:15%!important;} .max-h10-md { max-height:10%!important;} } /* SM */ @media (max-width:992px){ .max-h100-sm { max-height:100%!important;} .max-h90-sm { max-height:90%!important;} .max-h80-sm { max-height:80%!important;} .max-h75-sm { max-height:75%!important;} .max-h70-sm { max-height:70%!important;} .max-h60-sm { max-height:60%!important;} .max-h50-sm { max-height:50%!important;} .max-h40-sm { max-height:40%!important;} .max-h30-sm { max-height:30%!important;} .max-h25-sm { max-height:25%!important;} .max-h20-sm { max-height:20%!important;} .max-h15-sm { max-height:15%!important;} .max-h10-sm { max-height:10%!important;} } /* XS */ @media (max-width:768px){ .max-h100-xs { max-height:100%!important;} .max-h90-xs { max-height:90%!important;} .max-h80-xs { max-height:80%!important;} .max-h75-xs { max-height:75%!important;} .max-h70-xs { max-height:70%!important;} .max-h60-xs { max-height:60%!important;} .max-h50-xs { max-height:50%!important;} .max-h40-xs { max-height:40%!important;} .max-h30-xs { max-height:30%!important;} .max-h25-xs { max-height:25%!important;} .max-h20-xs { max-height:20%!important;} .max-h15-xs { max-height:15%!important;} .max-h10-xs { max-height:10%!important;} } /* Height Fixed __________________________________________________________*/ .fixed-h10 { height:10px!important;} .fixed-h11 { height:11px!important;} .fixed-h12 { height:12px!important;} .fixed-h13 { height:13px!important;} .fixed-h14 { height:14px!important;} .fixed-h15 { height:15px!important;} .fixed-h16 { height:16px!important;} .fixed-h17 { height:17px!important;} .fixed-h18 { height:18px!important;} .fixed-h19 { height:19px!important;} .fixed-h20 { height:20px!important;} .fixed-h25 { height:25px!important;} .fixed-h30 { height:30px!important;} .fixed-h40 { height:40px!important;} .fixed-h50 { height:50px!important;} .fixed-h60 { height:60px!important;} .fixed-h70 { height:70px!important;} .fixed-h80 { height:80px!important;} .fixed-h90 { height:90px!important;} .fixed-h100 { height:100px!important;} .fixed-h110 { height:110px!important;} .fixed-h120 { height:120px!important;} .fixed-h130 { height:130px!important;} .fixed-h140 { height:140px!important;} .fixed-h150 { height:150px!important;} /* LG */ @media (max-width:1600px){ .fixed-h10-lg { height:10px!important;} .fixed-h11-lg { height:11px!important;} .fixed-h12-lg { height:12px!important;} .fixed-h13-lg { height:13px!important;} .fixed-h14-lg { height:14px!important;} .fixed-h15-lg { height:15px!important;} .fixed-h16-lg { height:16px!important;} .fixed-h17-lg { height:17px!important;} .fixed-h18-lg { height:18px!important;} .fixed-h19-lg { height:19px!important;} .fixed-h20-lg { height:20px!important;} .fixed-h25-lg { height:25px!important;} .fixed-h30-lg { height:30px!important;} .fixed-h40-lg { height:40px!important;} .fixed-h50-lg { height:50px!important;} .fixed-h60-lg { height:60px!important;} .fixed-h70-lg { height:70px!important;} .fixed-h80-lg { height:80px!important;} .fixed-h90-lg { height:90px!important;} .fixed-h100-lg { height:100px!important;} .fixed-h110-lg { height:110px!important;} .fixed-h120-lg { height:120px!important;} .fixed-h130-lg { height:130px!important;} .fixed-h140-lg { height:140px!important;} .fixed-h150-lg { height:150px!important;} } /* MD */ @media (max-width:1200px){ .fixed-h10-md { height:10px!important;} .fixed-h11-md { height:11px!important;} .fixed-h12-md { height:12px!important;} .fixed-h13-md { height:13px!important;} .fixed-h14-md { height:14px!important;} .fixed-h15-md { height:15px!important;} .fixed-h16-md { height:16px!important;} .fixed-h17-md { height:17px!important;} .fixed-h18-md { height:18px!important;} .fixed-h19-md { height:19px!important;} .fixed-h20-md { height:20px!important;} .fixed-h25-md { height:25px!important;} .fixed-h30-md { height:30px!important;} .fixed-h40-md { height:40px!important;} .fixed-h50-md { height:50px!important;} .fixed-h60-md { height:60px!important;} .fixed-h70-md { height:70px!important;} .fixed-h80-md { height:80px!important;} .fixed-h90-md { height:90px!important;} .fixed-h100-md { height:100px!important;} .fixed-h110-md { height:110px!important;} .fixed-h120-md { height:120px!important;} .fixed-h130-md { height:130px!important;} .fixed-h140-md { height:140px!important;} .fixed-h150-md { height:150px!important;} } /* SM */ @media (max-width:992px){ .fixed-h10-sm { height:10px!important;} .fixed-h11-sm { height:11px!important;} .fixed-h12-sm { height:12px!important;} .fixed-h13-sm { height:13px!important;} .fixed-h14-sm { height:14px!important;} .fixed-h15-sm { height:15px!important;} .fixed-h16-sm { height:16px!important;} .fixed-h17-sm { height:17px!important;} .fixed-h18-sm { height:18px!important;} .fixed-h19-sm { height:19px!important;} .fixed-h20-sm { height:20px!important;} .fixed-h25-sm { height:25px!important;} .fixed-h30-sm { height:30px!important;} .fixed-h40-sm { height:40px!important;} .fixed-h50-sm { height:50px!important;} .fixed-h60-sm { height:60px!important;} .fixed-h70-sm { height:70px!important;} .fixed-h80-sm { height:80px!important;} .fixed-h90-sm { height:90px!important;} .fixed-h100-sm { height:100px!important;} .fixed-h110-sm { height:110px!important;} .fixed-h120-sm { height:120px!important;} .fixed-h130-sm { height:130px!important;} .fixed-h140-sm { height:140px!important;} .fixed-h150-sm { height:150px!important;} } /* XS */ @media (max-width:768px){ .fixed-h10-xs { height:10px!important;} .fixed-h11-xs { height:11px!important;} .fixed-h12-xs { height:12px!important;} .fixed-h13-xs { height:13px!important;} .fixed-h14-xs { height:14px!important;} .fixed-h15-xs { height:15px!important;} .fixed-h16-xs { height:16px!important;} .fixed-h17-xs { height:17px!important;} .fixed-h18-xs { height:18px!important;} .fixed-h19-xs { height:19px!important;} .fixed-h20-xs { height:20px!important;} .fixed-h25-xs { height:25px!important;} .fixed-h30-xs { height:30px!important;} .fixed-h40-xs { height:40px!important;} .fixed-h50-xs { height:50px!important;} .fixed-h60-xs { height:60px!important;} .fixed-h70-xs { height:70px!important;} .fixed-h80-xs { height:80px!important;} .fixed-h90-xs { height:90px!important;} .fixed-h100-xs { height:100px!important;} .fixed-h110-xs { height:110px!important;} .fixed-h120-xs { height:120px!important;} .fixed-h130-xs { height:130px!important;} .fixed-h140-xs { height:140px!important;} .fixed-h150-xs { height:150px!important;} } /* Max Height Fixed __________________________________________________________*/ .max-fixed-h10 { max-height:10px!important;} .max-fixed-h15 { max-height:15px!important;} .max-fixed-h20 { max-height:20px!important;} .max-fixed-h30 { max-height:30px!important;} .max-fixed-h40 { max-height:40px!important;} .max-fixed-h50 { max-height:50px!important;} .max-fixed-h60 { max-height:60px!important;} .max-fixed-h70 { max-height:70px!important;} .max-fixed-h80 { max-height:80px!important;} .max-fixed-h90 { max-height:90px!important;} .max-fixed-h100 { max-height:100px!important;} .max-fixed-h110 { max-height:110px!important;} .max-fixed-h120 { max-height:120px!important;} .max-fixed-h130 { max-height:130px!important;} .max-fixed-h140 { max-height:140px!important;} .max-fixed-h150 { max-height:150px!important;} /* LG */ @media (max-width:1600px){ .max-fixed-h10-lg { max-height:10px!important;} .max-fixed-h15-lg { max-height:15px!important;} .max-fixed-h20-lg { max-height:20px!important;} .max-fixed-h30-lg { max-height:30px!important;} .max-fixed-h40-lg { max-height:40px!important;} .max-fixed-h50-lg { max-height:50px!important;} .max-fixed-h60-lg { max-height:60px!important;} .max-fixed-h70-lg { max-height:70px!important;} .max-fixed-h80-lg { max-height:80px!important;} .max-fixed-h90-lg { max-height:90px!important;} .max-fixed-h100-lg { max-height:100px!important;} .max-fixed-h110-lg { max-height:110px!important;} .max-fixed-h120-lg { max-height:120px!important;} .max-fixed-h130-lg { max-height:130px!important;} .max-fixed-h140-lg { max-height:140px!important;} .max-fixed-h150-lg { max-height:150px!important;} } /* MD */ @media (max-width:1200px){ .max-fixed-h10-md { max-height:10px!important;} .max-fixed-h15-md { max-height:15px!important;} .max-fixed-h20-md { max-height:20px!important;} .max-fixed-h30-md { max-height:30px!important;} .max-fixed-h40-md { max-height:40px!important;} .max-fixed-h50-md { max-height:50px!important;} .max-fixed-h60-md { max-height:60px!important;} .max-fixed-h70-md { max-height:70px!important;} .max-fixed-h80-md { max-height:80px!important;} .max-fixed-h90-md { max-height:90px!important;} .max-fixed-h100-md { max-height:100px!important;} .max-fixed-h110-md { max-height:110px!important;} .max-fixed-h120-md { max-height:120px!important;} .max-fixed-h130-md { max-height:130px!important;} .max-fixed-h140-md { max-height:140px!important;} .max-fixed-h150-md { max-height:150px!important;} } /* SM */ @media (max-width:992px){ .max-fixed-h10-sm { max-height:10px!important;} .max-fixed-h15-sm { max-height:15px!important;} .max-fixed-h20-sm { max-height:20px!important;} .max-fixed-h30-sm { max-height:30px!important;} .max-fixed-h40-sm { max-height:40px!important;} .max-fixed-h50-sm { max-height:50px!important;} .max-fixed-h60-sm { max-height:60px!important;} .max-fixed-h70-sm { max-height:70px!important;} .max-fixed-h80-sm { max-height:80px!important;} .max-fixed-h90-sm { max-height:90px!important;} .max-fixed-h100-sm { max-height:100px!important;} .max-fixed-h110-sm { max-height:110px!important;} .max-fixed-h120-sm { max-height:120px!important;} .max-fixed-h130-sm { max-height:130px!important;} .max-fixed-h140-sm { max-height:140px!important;} .max-fixed-h150-sm { max-height:150px!important;} } /* XS */ @media (max-width:768px){ .max-fixed-h10-xs { max-height:10px!important;} .max-fixed-h15-xs { max-height:15px!important;} .max-fixed-h20-xs { max-height:20px!important;} .max-fixed-h30-xs { max-height:30px!important;} .max-fixed-h40-xs { max-height:40px!important;} .max-fixed-h50-xs { max-height:50px!important;} .max-fixed-h60-xs { max-height:60px!important;} .max-fixed-h70-xs { max-height:70px!important;} .max-fixed-h80-xs { max-height:80px!important;} .max-fixed-h90-xs { max-height:90px!important;} .max-fixed-h100-xs { max-height:100px!important;} .max-fixed-h110-xs { max-height:110px!important;} .max-fixed-h120-xs { max-height:120px!important;} .max-fixed-h130-xs { max-height:130px!important;} .max-fixed-h140-xs { max-height:140px!important;} .max-fixed-h150-xs { max-height:150px!important;} } /* Buttons __________________________________________________________*/ .button{ background-color:var(--bg-default); border-radius:4px; line-height:1; padding:.75em 1.5em; font-size:14px; color:#fff; border:0; display:inline-block; font-weight:500; transition:none; position:relative; border:0; text-shadow:none; text-align:center; } .button.activated{ transition:all 0.3s ease; } .button:hover{ background-color:var(--bg-default-hover); } .button.button-img{ padding:.58em 1em; line-height:0; } .button.button-img > img{ height:20px; max-width:none; } /* Button Variants __________________________________________________________*/ .button.button-transparent{ background-color:transparent; color:#fff; } /* Button Sizes __________________________________________________________*/ .button.button-xxs{ font-size:11px!important; padding:.4em 1.2em!important; } .button.button-xs{ font-size:12px!important; padding:.5em 1.2em!important; } .button.button-sm{ font-size:12px!important; padding:.6em 1.4em!important; } .button.button-md{ font-size:12px!important; padding:.7em 1.4em!important; } .button.button-lg{ font-size:16px!important; padding:0.85em 1.7em!important; } .button.button-xl{ font-size:20px!important; padding:0.95em 1.9em!important; } .button.button-xxl{ font-size:24px!important; padding:1.05em 2.1em!important; } .button:hover{ cursor:pointer; } /* Button animated __________________________________________________________*/ .button.animated{ overflow:hidden; position:relative; text-align:center; } .button.animated .content-visible, .button.animated .content-hover{ transition:all 0.3s ease; } .button.animated .content-visible{ position:relative; display:inline-block; vertical-align:middle; width:100%; margin-right:1.5em; } .button.animated:hover .content-visible{ transform:translateX(-200%); } .button.animated.right:hover .content-visible{ transform:translateX(200%); } .button.animated .content-hover{ top:50%; transform:translate(100%,-50%); position:absolute; width:100%; left:0; } .button.animated.right .content-hover{ transform:translate(-100%,-50%); } .button.animated:hover .content-hover{ transform:translate(0,-50%); } .button.animated .content-visible img, .button.animated .content-hover img{ height:16px; display:inline-block; vertical-align:middle; } .button.animated .content-visible span, .button.animated .content-hover span{ display:inline-block; vertical-align:middle; } /* NEW FIX */ .button.animated{ display:inline-flex; align-items:center; } .button.animated .content-visible{ margin-right:0; } /* Button animated vertical __________________________________________________________*/ .button.animated.vertical:hover .content-visible{ transform:translateY(-300%); } .button.animated.vertical.down:hover .content-visible{ transform:translateY(300%); } .button.animated.vertical .content-hover{ top:auto; transform:translate(0,100%); } .button.animated.vertical.down .content-hover{ transform:translate(0,-300%); } .button.animated.vertical:hover .content-hover{ transform:translate(0,-100%); } /* Button animated entrance __________________________________________________________*/ .button.animated.entrance .content-visible{ transform:scale(1,1); opacity:1; } .button.animated.entrance:hover .content-visible{ transform:scale(0.5,0.5)translate(0,-10%); opacity:0; } .button.animated.entrance .content-hover{ transform:scale(1.5,1.5) translate(0,-40%); opacity:0; } .button.animated.entrance:hover .content-hover{ transform:scale(1,1) translate(0,-50%); opacity:1; } /* Button icon __________________________________________________________*/ .button.icon{ padding-left:45px; } .button.button-sm.icon{ padding-left:45px; } .button.button-lg.icon{ padding-left:70px; } .button.button-xl.icon{ padding-left:80px; } .button.button-xxl.icon{ padding-left:100px; } .button.icon i{ background-color:rgba(0,0,0,.05); position:absolute; left:0; bottom:0; top:0; width:30px; justify-content:center; display:flex; align-items:center; } .button.button-sm.icon i{ width:35px; } .button.button-lg.icon i{ width:50px; } .button.button-xl.icon i{ width:55px; } .button.button-xxl.icon i{ width:70px; } /* Button Varians __________________________________________________________*/ .button.button-border{ border:solid 1px #fff!important; background-color:transparent; color:#fff; } .button.button-border.hover:hover{ border:solid 1px rgba(255,255,255,0.5)!important; } .button.button-border.black{ border:solid 1px #222!important; background-color:transparent; color:#222; } /* Button Square __________________________________________________________*/ .button.button-square{ border-radius:0; border:0; padding:.75em 4em; } /* Button Rounded 30 __________________________________________________________*/ .button.button-rounded-30{ border-radius:30px; } .button.cta{ background:#249352; background:-moz-linear-gradient(top,#249352 0%,#1e7844 100%); background:-webkit-linear-gradient(top,#249352 0%,#1e7844 100%); background:linear-gradient(to bottom,#249352 0%,#1e7844 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#249352',endColorstr='#1e7844',GradientType=0 ); color:#fff; border-bottom:solid 2px #186036; border-top:solid 2px #379d62; font-size:14px; padding:10px 20px; text-align:center; } .button.cta-blue{ background:#1b68ff; background:-moz-linear-gradient(top,#1b68ff 0%,#145ae5 100%); background:-webkit-linear-gradient(top,#1b68ff 0%,#145ae5 100%); background:linear-gradient(to bottom,#1b68ff 0%,#145ae5 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b68ff',endColorstr='#145ae5',GradientType=0 ); color:#fff; border-bottom:solid 2px #104bbe; border-top:solid 2px #2a6ff8; font-size:14px; padding:10px 20px; text-align:center; } .button.cta.sm{ font-size:12px; padding:.6em 1.2em; } .button.cta.lg{ font-size:16px; padding:20px 40px; } .button.button-circle{ text-align:center; border-radius:50%; padding:0!important; font-size:13px; width:45px!important; height:45px!important; line-height:45px!important; } .button.button-circle.xxxxs{ width:15px!important; height:15px!important; line-height:15px!important; font-size:10px; } .button.button-circle.xxxs{ width:20px!important; height:20px!important; line-height:20px!important; font-size:10px; } .button.button-circle.xxs{ width:25px!important; height:25px!important; line-height:25px!important; font-size:10px; } .button.button-circle.xs{ width:30px!important; height:30px!important; line-height:30px!important; font-size:11px; } .button.button-circle.sm{ width:40px!important; height:40px!important; line-height:40px!important; font-size:12px; } .button.button-circle.md{ width:50px!important; height:50px!important; line-height:50px!important; } .button.button-circle.lg{ width:60px!important; height:60px!important; line-height:60px!important; } .button.button-circle.xl{ width:80px!important; height:80px!important; line-height:80px!important; } .button.button-circle.xxl{ width:100px!important; height:100px!important; line-height:100px!important; } .button.button-circle.xxxl{ width:120px!important; height:120px!important; line-height:120px!important; } #app.mobile .button.animated:hover .content-visible, #app.mobile .button.animated:hover .content-hover{ transform:translate3d(0,0,0)!important; top:auto; left:auto; } #app.mobile .button.animated .content-visible, #app.mobile .button.animated .content-visible:hover{ transform:translate3d(0,0,0)!important; } #app.mobile .button.animated .content-hover{ display:none; } .button.bg-main{ background-color:var(--main-color); border:solid 1px transparent; color:#fff; } .button.bg-main:hover{ filter:brightness(115%); }/* Hero __________________________________________________________*/ .hero{ width:100%; height:80vh; background-size:cover; background-position:center center; position:relative; line-height:1; overflow:hidden; transform:translate3d(0,0,0); } .hero.xxxs{ height:30vh; } .hero.xxs{ height:40vh; } .hero.xs{ height:50vh; } .hero.sm{ height:60vh; } .hero.md{ height:70vh; } .hero.lg{ height:80vh; } .hero.xl{ height:90vh; } .hero.xxl{ height:100vh; } #app.mobile .hero.xxl{ height:-webkit-fill-available; } .hero > img{ object-fit:cover; object-position:center; position:absolute; top:0; left:0; width:100%; height:100%; } .hero.md > img, .hero.sm > img, .hero.xs > img, .hero.xxs > img, .hero.xxxs > img{ height:150%; } .hero .hero-content{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate3d(-50%,-50%,0); color:#fff; font-weight:300; text-align:left; width:calc(var(--container-width) - 15%); z-index:2; -webkit-overflow-scrolling:touch } .hero.full .hero-content{ width:100%; } .hero .hero-content.hero-content-left{ left:25%; transform:translate(-25%,-50%); -webkit-transform:translate3d(-25%,-50%,0); } .hero .hero-content.hero-content-right{ left:auto; right:25%; transform:translate(25%,-50%); -webkit-transform:translate3d(25%,-50%,0); } .hero .headline{ font-size:40px; margin:0; padding:0; line-height:1; color:#fff; } .hero .subline{ font-size:20px; margin:0; padding:0; line-height:1.4; font-weight:300; margin-top:10px; color:#fff; } .hero p{ font-size:14px; margin:0; padding:0; line-height:1; } .hero .hero-search{ width:100%; margin:30px auto; -webkit-box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); background-color:#fff; line-height:1; position:relative; border-radius:4px; } .hero .hero-search:after{ position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:18px; content:"\f002"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; color:var(--color-text-1); } .hero .hero-search input{ width:100%; border:0; padding:20px 30px 20px 50px; font-size:14px; font-weight:300; background-color:transparent; display:block; } .hero a{ color:#fff; } .hero .hero-content.hero-content-bottom{ bottom:100px; top:auto; left:50%; transform:translate(-50%,0); -webkit-transform:translate3d(-50%,0,0); } .hero .hero-content.hero-content-top{ top:200px; left:50%; bottom:auto; transform:translate(-50%,0); -webkit-transform:translate3d(-50%,0,0); } /* LG */ @media (min-width:1601px){ .hero .hero-content.hero-content-left-xl{ left:25%; transform:translate(-25%,-50%); -webkit-transform:translate3d(-25%,-50%,0); } .hero .hero-content.hero-content-center-xl{ left:50%; transform:translate(-50%,-50%); -webkit-transform:translate3d(-50%,-50%,0); } .hero .hero-content.hero-content-bottom-xl{ top:auto; bottom:0; transform:translateY(0); -webkit-transform:translateY(0); } } /* LG */ @media (max-width:1600px){ .hero .hero-content.hero-content-left-lg{ left:25%; transform:translate(-25%,-50%); -webkit-transform:translate3d(-25%,-50%,0); } .hero .hero-content.hero-content-center-lg{ left:50%; transform:translate(-50%,-50%); -webkit-transform:translate3d(-50%,-50%,0); } .hero .hero-content.hero-content-bottom-lg{ top:auto; bottom:0; transform:translateY(0); -webkit-transform:translateY(0); } } /* MD */ @media (max-width:1200px){ .hero .hero-content.hero-content-left-md{ left:25%; transform:translate(-25%,-50%); -webkit-transform:translate3d(-25%,-50%,0); } .hero .hero-content.hero-content-center-md{ left:50%; transform:translate(-50%,-50%); -webkit-transform:translate3d(-50%,-50%,0); } .hero .hero-content.hero-content-bottom-md{ top:auto; bottom:0; transform:translateY(0); -webkit-transform:translateY(0); } .hero .hero-content{ width:calc(100% - 60px); } .hero .headline{ font-size:30px; } .hero .subline{ font-size:16px; margin-top:10px; } } /* SM */ @media (max-width:992px){ .hero .hero-content.hero-content-left-sm{ left:25%; transform:translate(-25%,-50%); -webkit-transform:translate3d(-25%,-50%,0); } .hero .hero-content.hero-content-center-sm{ left:50%!important; transform:translate(-50%,-50%)!important; -webkit-transform:translate3d(-50%,-50%,0)!important; } .hero .hero-content.hero-content-bottom-sm{ top:auto; bottom:0; transform:translateY(0); -webkit-transform:translateY(0); } .hero .headline{ font-size:30px; } .hero .subline{ font-size:18px; } } /* XS */ @media (max-width:768px){ .hero .hero-content.hero-content-center-xs{ left:50%; transform:translate(-50%,-50%); -webkit-transform:translate3d(-50%,-50%,0); } .hero .hero-content.hero-content-bottom-xs{ top:auto; bottom:0; transform:translateY(0); -webkit-transform:translateY(0); } .hero .hero-content.hero-content-left-xs{ left:25%; transform:translate(-25%,-50%); -webkit-transform:translate3d(-25%,-50%,0); } .hero .headline{ font-size:24px; } .hero .subline{ font-size:16px; } } /* Cards __________________________________________________________*/ .card{ width:100%; font-size:0.9rem; margin-bottom:20px; position:relative; overflow:hidden; } .card{ position:relative; } .card .img-container{ position:relative; line-height:0; border-radius:6px; } .card.movie .img-container.shadow:after{ position:absolute; content:""; bottom:0; left:0; width:100%; height:100%; background-image:linear-gradient(21deg,#0f0f0f 26%,rgba(15,15,15,0) 51%); z-index:1; } .card .img-container .img-infos{ position:absolute; left:15px; bottom:15px; color:#fff; z-index:2; } /* Mod:Page Height __________________________________________________________*/ .card.page-height .img-infos{ width:var(--container-width); left:50%; transform:translateX(-50%); bottom:50px; } .card .img-container .img-infos .title{ color:#fff; } .card .img-container .img-infos .description{ color:#fff; font-size:14px; line-height:1.4; max-width:65%; display:inline-block; padding-left:15px; } /* Breakpoint */ @media (max-width:1200px) { .card .img-container .img-infos .description{ max-width:80%; } } /* SM */ @media (max-width:992px){ .card .img-container .img-infos .description{ max-width:100%; } } .card .img-container .img-infos .description p{ margin:5px 0 0; font-size:13px; } /* Mod:Page Height __________________________________________________________*/ .card.page-height .img-container .img-infos .description p{ font-size:15px; } .card .img{ object-fit:cover; object-position:center; width:100%; border-radius:6px; } .card .img-zoom{ overflow:hidden; position:relative; border-radius:6px; } .card .img-zoom .img{ transition:all 0.3s ease; } .card:hover .img-zoom .img{ transform:scale(1.2,1.2); } .card .img-mask-content{ background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:all 0.3s ease; z-index:1; } .card:hover .img-mask-content{ opacity:1; } .card .img-mask-content > div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1.2,1.2); text-align:center; color:#fff; width:100%; transition:all 0.3s ease; } .card:hover .img-mask-content > div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1,1); text-align:center; color:#fff; } .card .img, .card.parallax, .card.parallax .img-container{ height:250px; } .card.lg .img, .card.parallax.lg, .card.parallax.lg .img-container{ height:300px; } .card.xl .img, .card.parallax.xl, .card.parallax.xl .img-container{ height:400px; } .card.xxl .img, .card.parallax.xxl, .card.parallax.xxl .img-container{ height:500px; } .card.xxxl .img, .card.parallax.xxxl, .card.parallax.xxxl .img-container{ height:600px; } a.card{ display:block; } .card.parallax .img{ object-fit:cover; object-position:center; position:absolute; top:0; left:0; width:100%; height:200%; z-index:0; } .card .actions{ position:absolute; z-index:1; top:5px; right:5px; line-height:1; text-align:right; width:100%; display:none; } .card:hover .actions{ display:block; } .card .actions > li{ display:inline-block; border:solid 1px var(--color-border); background-color:var(--bg-color-1); color:var(--color-text-1); text-align:center; line-height:22px; width:22px; height:22px; border-radius:4px; margin-left:2px; font-size:14px; } .card .actions > li:hover{ color:var(--color-text-2); cursor:pointer; } .card .infos{ position:relative; margin-top:10px; overflow:hidden; z-index:1; } .card .infos .infos-left{ float:left; width:70%; } .card .infos .infos-right{ float:right; width:30%; text-align:right; } .card .profile{ object-fit:cover; object-position:center; position:absolute; border-radius:50%; border:solid 3px var(--bg-color); width:45px; height:45px; left:8px; bottom:-8px; z-index:6; } .card.movie .profile{ position:relative; left:auto; bottom:auto; width:15%; min-width:80px; max-height:100%; height:auto; border-radius:6px; display:inline-block; border-width:1px; } /* Breakpoint */ @media (max-width:1200px) { .card.movie .profile{ margin-left:16px; } } /* XXL __________________________________________________________*/ /*.card.movie.xxl .profile{ width:150px; height:225px; }*/ .card .title{ font-size:1.2rem; font-weight:700; margin-bottom:3px; line-height:1; color:var(--color-text-1); margin-top:3px; } /* Mod:Page Height __________________________________________________________*/ .card.page-height{ font-size:2rem; } .card .sub{ color:var(--color-text-2); } .card .location{ font-size:0.8rem; color:var(--color-text-3); line-height:1; } .card .icons{ overflow:hidden; } .card .icons > li{ display:inline-block; color:var(--color-text-1); text-align:center; line-height:22px; border-radius:4px; margin-left:3px; font-size:11px; }/* Images __________________________________________________________*/ img{ max-width:100%; } .img-fit{ object-fit:cover; object-position:center; } .img-fit-left{ object-fit:cover; object-position:left; } .img-fit-full{ object-fit:cover; object-position:center; position:absolute; top:0; left:0; width:100%; height:100%; } .img-circle{ object-fit:cover; object-position:center; border-radius:50%; display:inline-block; vertical-align:middle; } img.img-xxxxs{ width:15px!important; height:15px!important; } img.img-xxxs{ width:20px!important; height:20px!important; } img.img-xxs{ width:25px!important; height:25px!important; } img.img-xs{ width:30px!important; height:30px!important; } img.img-sm{ width:40px!important; height:40px!important; } img.img-md{ width:50px!important; height:50px!important; } img.img-lg{ width:60px!important; height:60px!important; } img.img-xl{ width:80px!important; height:80px!important; } img.img-xxl{ width:100px!important; height:100px!important; } img.img-xxxl{ width:120px!important; height:120px!important; } img.img-hover{ opacity:0.5; } img.img-hover:hover{ opacity:1; cursor:pointer; } .imgs-overlap{ display:flex; align-items:center; } .imgs-overlap > *{ margin-left:-8%; border:solid 3px var(--bg-color); } /* Icons __________________________________________________________*/ .icon-circle{ background-color:rgba(0,0,0,0.5); border-radius:50%; display:inline-block; vertical-align:middle; width:40px; height:40px; text-align:center; color:#fff; line-height:40px; font-size:14px; } .icon-circle.hover:hover{ background-color:rgba(0,0,0,0.8); } .icon-circle.xxxs{ width:20px; height:20px; line-height:20px; font-size:11px; } .icon-circle.xxs{ width:25px; height:25px; line-height:25px; font-size:11px; } .icon-circle.xs{ width:30px; height:30px; line-height:30px; font-size:12px; } .icon-circle.sm{ width:35px; height:35px; line-height:35px; font-size:13px; } .icon-circle.lg{ width:45px; height:45px; line-height:45px; font-size:15px; } .icon-circle.xl{ width:50px; height:50px; line-height:50px; font-size:16px; } .icon-circle.xxl{ width:60px; height:60px; line-height:60px; font-size:18px; } .icon-circle.xxxl{ width:80px; height:80px; line-height:80px; font-size:26px; } .icon-circle .bg{ border-radius:50%; z-index:-1; } .icon-circle .icon-circle-shadow{ position:absolute; content:""; bottom:-7px; left:50%; transform:translate3d(-50%,0,0); width:150%; height:25%; background: radial-gradient( #000f, #fff0 52% ); border-radius:50%; z-index:-2; -webkit-filter:blur(2px); filter:blur(2px); } .icon-circle.blue{ background-color:#019dda; } .icon-circle.purple{ background-color:#5d4cd0; } .icon-circle.orange{ background-color:#f5a42f; } .icon-circle.green{ background-color:#4db68e; }/* Ratings __________________________________________________________*/ .rating{ position:relative; line-height:1; display:inline-block; } .rating:after, .rating:before{ font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:600; color:#fbc332; letter-spacing:2px; font-size:11px; } .rating.lg:after, .rating.lg:before{ font-size:13px; } .rating.xl:after, .rating.xl:before{ font-size:15px; } .rating.xxl:after, .rating.xxl:before{ font-size:17px; } .rating.mono:after, .rating.mono:before{ color:var(--color-text); } .rating.sm:after, .rating.sm:before{ font-size:10px; } .rating.xs:after, .rating.xs:before{ font-size:9px; } .rating.xxs:after, .rating.xxs:before{ font-size:8px; } /* 1 __________________________________________________________*/ .rating.stars-1:before{ content:"\f005"; font-weight:600; } .rating.stars-1:after{ content:"\f005 \f005 \f005 \f005"; font-weight:300; } .rating.stars-1-half:before{ content:"\f005 \f5c0"; font-weight:600; } .rating.stars-1-half:after{ content:"\f005 \f005 \f005"; font-weight:300; } .rating.stars-half:before{ content:"\f5c0"; font-weight:600; } .rating.stars-half:after{ content:"\f005 \f005 \f005 \f005"; font-weight:300; } /* 2 __________________________________________________________*/ .rating.stars-2:before{ content:"\f005 \f005"; font-weight:600; } .rating.stars-2:after{ content:"\f005 \f005 \f005"; font-weight:300; } .rating.stars-2-half:before{ content:"\f005 \f005 \f5c0"; font-weight:600; } .rating.stars-2-half:after{ content:"\f005 \f005"; font-weight:300; } /* 3 __________________________________________________________*/ .rating.stars-3:before{ content:"\f005 \f005 \f005"; font-weight:600; } .rating.stars-3:after{ content:"\f005 \f005"; font-weight:300; } .rating.stars-3-half:before{ content:"\f005 \f005 \f005 \f5c0"; font-weight:600; } .rating.stars-3-half:after{ content:"\f005"; font-weight:300; } /* 4 __________________________________________________________*/ .rating.stars-4:before{ content:"\f005 \f005 \f005 \f005"; font-weight:600; } .rating.stars-4:after{ content:"\f005"; font-weight:300; } .rating.stars-4-half:before{ content:"\f005 \f005 \f005 \f005 \f5c0"; font-weight:600; } /* 5 __________________________________________________________*/ .rating.stars-5:after{ content:"\f005 \f005 \f005 \f005 \f005"; } /* Review Card __________________________________________________________*/ .review-card{ text-align:center; padding:30px; overflow:hidden; background-color:var(--bg-color); max-width:500px; margin:0 auto; } .review-card .review-card-ratings{ display:inline-flex; justify-content:center; align-items:center; background-color:var(--bg-color-3); padding:10px 15px; border-radius:6px; font-size:0.75rem; font-weight:700; margin:10px 0; } .review-card .review-card-ratings .rating{ margin-right:10px; } /* Reviews __________________________________________________________*/ .reviews{ font-size:0.9rem; } .reviews.reviews-line{ overflow-x:hidden; overflow-y:hidden; white-space:nowrap; margin-bottom:17px!important; } .reviews.reviews-line:hover{ overflow-x:auto; margin-bottom:0!important; } .reviews .review{ display:block; padding:40px; overflow:hidden; background-color:var(--bg-color-1); margin-bottom:10px; } .reviews.reviews-line .review{ display:inline-block; width:33%; margin-right:10px; white-space:normal; margin-bottom:0; } .reviews .review.outline{ background-color:transparent; border:solid 1px rgba(0,0,0,0.1); } .reviews .review .review-top{ display:flex; line-height:1.2; margin-bottom:20px; } .reviews .review .review-top img{ width:40px; height:40px; border-radius:50%; } .reviews .review .review-top .review-user{ padding-left:10px; } .reviews .review .review-top .title{ font-weight:700; font-size:0.9rem; color:var(--color-text); margin-bottom:2px; } .reviews .review p{ line-height:1.6; margin:0; } .reviews .review.outline p{ color:var(--color-text-2); } /* MD */ @media (max-width:1200px){ .reviews.reviews-line{ overflow-x:auto; margin-bottom:0!important; } .reviews.reviews-line .review{ width:45%; } } /* SM */ @media (max-width:992px){ .reviews .review{ padding:30px; } .reviews.reviews-line .review{ width:60%; } } /* XS */ @media (max-width:768px){ .reviews .review{ padding:20px; } .reviews.reviews-line .review{ width:80%; } }/* Lists __________________________________________________________*/ ul.list li > a{ padding:10px 30px; } ul.list.sm li > a{ padding:8px 25px; } ul.list.xs li > a{ padding:6px 20px; } ul.list li > a .text{ opacity:0.35; } ul.list li > a:hover{ cursor:pointer; } ul.list li > a:not(.no-hover):hover .text{ opacity:1; } ul.list li > a.active{ background-color:var(--box-color); } .box ul.list li > a.active{ background-color:rgba(0,0,0,0.75); } ul.list.no-highlight li > a.active{ background-color:transparent; } ul.list li > a.active .text{ opacity:1; } ul.numbers{ counter-reset:NumbersCounter; } ul.numbers > li{ padding-left:25px; position:relative; line-height:1.8; counter-increment:NumbersCounter; margin-bottom:10px; } ul.numbers li::before{ position:absolute; left:0; top:0; line-height:1.7; content:counter(NumbersCounter) ". "; font-size:0.7rem; font-family:'Inter'; text-align:right; } ul.numbers.points li::before{ content:"-"; } /* Progress __________________________________________________________*/ .progress{ display:flex; height:0.75rem; overflow:hidden; font-size:.75rem; background-color:#e9ecef; border-radius:30px; position:relative; } body.dark .progress{ background-color:#000; } .progress.xs{ height:0.25rem; } .progress.sm{ height:0.5rem; } .progress.lg{ height:0.75rem; } .progress.xl{ height:1rem; } .progress .progress-bar{ display:flex; flex-direction:column; justify-content:center; overflow:hidden; color:#fff; text-align:center; white-space:nowrap; background-color:rgba(0,0,0,0.1); transition:width .6s ease; border-radius:30px; position:relative; height:100%; } .progress.no-zero .progress-bar{ min-width:30px; } .progress .progress-bar > div:not(.difficulty-bg){ position:absolute; right:5px; font-size:0.6rem; z-index:10; } .progress.difficulty .progress-bar{ transform:translate3d(0,0,0); } .progress.difficulty .progress-bar .difficulty-bg{ position:absolute; width:100%; content:""; height:100%; left:0; top:0; z-index:1; /* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#23d686+0,aac917+49,c91717+100 */ background:#23d686;/* Old browsers */ background:-moz-linear-gradient(left,#23d686 0%,#aac917 49%,#c91717 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(left,#23d686 0%,#aac917 49%,#c91717 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to right,#23d686 0%,#aac917 49%,#c91717 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#23d686',endColorstr='#c91717',GradientType=1 );/* IE6-9 */ } /* Mask __________________________________________________________*/ #mask{ position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.6); z-index:100; height:0; transition:opacity 0.5s ease-out; opacity:0; transform:translate3d(0,0,0); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); } #mask.in{ opacity:1; height:auto; } @media (max-width:1200px){ #mask{ height:auto; opacity:1; display:none; } #mask.in{ height:auto; opacity:1; display:block; } } .mask{ position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.3); width:100%; height:100%; z-index:1; -webkit-transform:translate3d(0,0,0); } .mask.full{ position:fixed; pointer-events:auto; -webkit-overflow-scrolling:touch; z-index:120; } .mask.xs{ background-color:rgba(0,0,0,0.1); } .mask.sm{ background-color:rgba(0,0,0,0.2); } .mask.lg{ background-color:rgba(0,0,0,0.4); } .mask.xl{ background-color:rgba(0,0,0,0.5); } .mask.xxl{ background-color:rgba(0,0,0,0.6); } .mask.xxxl{ background-color:rgba(0,0,0,0.7); } .mask.xxxxl{ background-color:rgba(0,0,0,0.8); } /* LG */ @media (max-width:1600px){ .mask-lg{background-color:rgba(0,0,0,0.3)!important;} .mask-lg-xs{background-color:rgba(0,0,0,0.1)!important;} .mask-lg-sm{background-color:rgba(0,0,0,0.2)!important;} .mask-lg-md{background-color:rgba(0,0,0,0.3)!important;} .mask-lg-lg{background-color:rgba(0,0,0,0.4)!important;} .mask-lg-xl{background-color:rgba(0,0,0,0.5)!important;} .mask-lg-xxl{background-color:rgba(0,0,0,0.6)!important;} .mask-lg-xxxl{background-color:rgba(0,0,0,0.7)!important;} .mask-lg-xxxxl{background-color:rgba(0,0,0,0.8)!important;} .mask-lg-none{background-color:transparent!important;} } /* MD */ @media (max-width:1200px){ .mask-md{background-color:rgba(0,0,0,0.3)!important;} .mask-md-xs{background-color:rgba(0,0,0,0.1)!important;} .mask-md-sm{background-color:rgba(0,0,0,0.2)!important;} .mask-md-md{background-color:rgba(0,0,0,0.3)!important;} .mask-md-lg{background-color:rgba(0,0,0,0.4)!important;} .mask-md-xl{background-color:rgba(0,0,0,0.5)!important;} .mask-md-xxl{background-color:rgba(0,0,0,0.6)!important;} .mask-md-xxxl{background-color:rgba(0,0,0,0.7)!important;} .mask-md-xxxxl{background-color:rgba(0,0,0,0.8)!important;} .mask-md-none{background-color:transparent!important;} } /* SM */ @media (max-width:992px){ .mask-sm{background-color:rgba(0,0,0,0.3)!important;} .mask-sm-xs{background-color:rgba(0,0,0,0.1)!important;} .mask-sm-sm{background-color:rgba(0,0,0,0.2)!important;} .mask-sm-md{background-color:rgba(0,0,0,0.3)!important;} .mask-sm-lg{background-color:rgba(0,0,0,0.4)!important;} .mask-sm-xl{background-color:rgba(0,0,0,0.5)!important;} .mask-sm-xxl{background-color:rgba(0,0,0,0.6)!important;} .mask-sm-xxxl{background-color:rgba(0,0,0,0.7)!important;} .mask-sm-xxxxl{background-color:rgba(0,0,0,0.8)!important;} .mask-sm-none{background-color:transparent!important;} } /* XS */ @media (max-width:768px){ .mask-xs{background-color:rgba(0,0,0,0.3)!important;} .mask-xs-xs{background-color:rgba(0,0,0,0.1)!important;} .mask-xs-sm{background-color:rgba(0,0,0,0.2)!important;} .mask-xs-md{background-color:rgba(0,0,0,0.3)!important;} .mask-xs-lg{background-color:rgba(0,0,0,0.4)!important;} .mask-xs-xl{background-color:rgba(0,0,0,0.5)!important;} .mask-xs-xxl{background-color:rgba(0,0,0,0.6)!important;} .mask-xs-xxxl{background-color:rgba(0,0,0,0.7)!important;} .mask-xs-xxxxl{background-color:rgba(0,0,0,0.8)!important;} .mask-xs-none{background-color:transparent!important;} }/* Shadow __________________________________________________________*/ .shadow-bottom-left{ background-image:linear-gradient(21deg,#0f0f0f 26%,rgba(15,15,15,0) 51%); position:absolute; left:0; top:0; /*background-color:rgba(0,0,0,0.3);*/ width:100%; height:100%; z-index:1; opacity:0.5; -webkit-transform:translate3d(0,0,0); } .shadow-bottom-right{ background-image:linear-gradient(-21deg,#0f0f0f 26%,rgba(15,15,15,0) 51%); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; opacity:0.5; -webkit-transform:translate3d(0,0,0); } .shadow-top{ background:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); position:absolute; left:0; bottom:auto; top:0; width:100%; height:100%; z-index:1; -webkit-transform:translate3d(0,0,0); } .shadow-top.white{ background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0)); } .shadow-bottom{ background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; left:0; bottom:-1px; width:100%; height:100%; z-index:1; -webkit-transform:translate3d(0,0,0); } .shadow-bottom.white{ background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); } .shadow-bottom.white{ background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); } .shadow-left{ background:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; -webkit-transform:translate3d(0,0,0); } .shadow-left.white{ background:linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,1)); } .shadow-right{ background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,1)); position:absolute; right:0; bottom:0; width:100%; height:100%; z-index:1; -webkit-transform:translate3d(0,0,0); } .shadow-right.white{ background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1)); } /* Box Shadow __________________________________________________________*/ .box-shadow-xxl{ -webkit-box-shadow:0px 0 60px 0px; box-shadow:0px 0 60px 0px; } .box-shadow-xl{ -webkit-box-shadow:0px 0 50px 0px; box-shadow:0px 0 50px 0px; } .box-shadow-lg{ -webkit-box-shadow:0px 0 40px 0px; box-shadow:0px 0 40px 0px; } .box-shadow{ -webkit-box-shadow:0px 0 30px 0px; box-shadow:0px 0 30px 0px; } .box-shadow-sm{ -webkit-box-shadow:0px 0 20px 0px; box-shadow:0px 0 20px 0px; } .box-shadow-xs{ -webkit-box-shadow:0px 0 10px 0px; box-shadow:0px 0 10px 0px; } .box-shadow-xxs{ -webkit-box-shadow:0px 0 5px 0px; box-shadow:0px 0 5px 0px; } .box-shadow-none{ -webkit-box-shadow:none!important; box-shadow:none!important; } .box-shadow-color-xxl{ color:rgba(0,0,0,0.8); } .box-shadow-color-xl{ color:rgba(0,0,0,0.7); } .box-shadow-color-lg{ color:rgba(0,0,0,0.6); } .box-shadow-color{ color:rgba(0,0,0,0.5); } .box-shadow-color-sm{ color:rgba(0,0,0,0.4); } .box-shadow-color-xs{ color:rgba(0,0,0,0.3); } .box-shadow-color-xxs{ color:rgba(0,0,0,0.2); } /* Text __________________________________________________________*/ .text-u{ text-decoration:underline; } .text-uc{ text-transform:uppercase; } .text-italic{ font-style:italic; } .line-through{ text-decoration:line-through; } .text-uc-none{ text-transform:none!important; } a.text-u:hover{ text-decoration:none; } .text-center,[text-center]{ text-align:center!important; } .text-bg{ background-color:rgba(0,0,0,0.3)!important; display:inline; box-decoration-break:clone; padding:5px 10px!important; line-height:1.8!important; } .text-left{ text-align:left!important; } .text-right{ text-align:right!important; } /* LG */ @media (min-width:1601px){ .text-center-xl{ text-align:center!important;} .text-left-xl{ text-align:left!important;} } /* LG */ @media (max-width:1600px){ .text-center-lg{ text-align:center!important;} .text-left-lg{ text-align:left!important;} } /* MD */ @media (max-width:1200px){ .text-center-md{ text-align:center!important;} .text-left-md{ text-align:left!important;} } /* SM */ @media (max-width:992px){ .text-center-sm{ text-align:center!important;} .text-left-sm{ text-align:left!important;} } /* XS */ @media (max-width:768px){ .text-center-xs{ text-align:center!important;} .text-left-xs{ text-align:left!important;} } /* LG */ @media (min-width:1601px){ .text-bg-xl{ background-color:rgba(0,0,0,0.3)!important; display:inline; box-decoration-break:clone; padding:5px 10px!important; line-height:1.8!important; } .text-bg-xl-custom-courses { background-color:#ca3a4e!important; color:#fff!important;} .text-bg-xl-custom-books { background-color:#0eaefb!important; color:#fff!important;} .text-bg-xl-custom-blog { background-color:#3283c5!important; color:#fff!important;} .text-bg-xl-custom-tickets { background-color:#191a1a!important; color:#fff!important;} } /* LG */ @media (min-width:1201px) and (max-width:1600px){ .text-bg-lg{ background-color:rgba(0,0,0,0.3)!important; display:inline; box-decoration-break:clone; padding:5px 10px!important; line-height:1.8!important; } .text-bg-lg-custom-courses { background-color:#ca3a4e!important; color:#fff!important;} .text-bg-lg-custom-books { background-color:#0eaefb!important; color:#fff!important;} .text-bg-lg-custom-blog { background-color:#3283c5!important; color:#fff!important;} .text-bg-lg-custom-tickets { background-color:#191a1a!important; color:#fff!important;} } /* MD */ @media (min-width:993px) and (max-width:1200px){ .text-bg-md{ background-color:rgba(0,0,0,0.3)!important; display:inline; box-decoration-break:clone; padding:5px 10px!important; line-height:1.8!important; } .text-bg-md-custom-courses { background-color:#ca3a4e!important; color:#fff!important;} .text-bg-md-custom-books { background-color:#0eaefb!important; color:#fff!important;} .text-bg-md-custom-blog { background-color:#3283c5!important; color:#fff!important;} .text-bg-md-custom-tickets { background-color:#191a1a!important; color:#fff!important;} } /* SM */ @media (min-width:769px) and (max-width:992px){ .text-bg-sm{ background-color:rgba(0,0,0,0.3)!important; display:inline; box-decoration-break:clone; padding:5px 10px!important; line-height:1.8!important; } .text-bg-sm-custom-courses { background-color:#ca3a4e!important; color:#fff!important;} .text-bg-sm-custom-books { background-color:#0eaefb!important; color:#fff!important;} .text-bg-sm-custom-blog { background-color:#3283c5!important; color:#fff!important;} .text-bg-sm-custom-tickets { background-color:#191a1a!important; color:#fff!important;} } /* XS */ @media (max-width:768px){ .text-bg-xs{ background-color:rgba(0,0,0,0.3)!important; display:inline; box-decoration-break:clone; padding:5px 10px!important; line-height:1.8!important; } .text-bg-xs-custom-courses { background-color:#ca3a4e!important; color:#fff!important;} .text-bg-xs-custom-books { background-color:#0eaefb!important; color:#fff!important;} .text-bg-xs-custom-blog { background-color:#3283c5!important; color:#fff!important;} .text-bg-xs-custom-tickets { background-color:#191a1a!important; color:#fff!important;} } .text-bg-custom-courses{ background-color:#ca3a4e!important; color:#fff!important; } .text-bg-custom-books{ background-color:#0eaefb!important; color:#fff!important; } .text-bg-custom-blog{ background-color:#3283c5!important; color:#fff!important; } .text-bg-custom-tickets{ background-color:#191a1a!important; color:#fff!important; } .text-focus{ border-radius:91% 9% 90% 10% / 29% 82% 18% 71%; background-color:rgba(0,0,0,0.5); padding:0.5rem 1rem; color:#fff; } .text-xxxs{ font-size:0.6rem!important; } .text-xxs{ font-size:0.7rem!important; } .text-xs{ font-size:0.8rem!important; } .text-sm{ font-size:0.9rem!important; } .text-md{ font-size:1rem!important; } .text-lg{ font-size:1.1rem!important; } .text-xl{ font-size:1.2rem!important; } .text-xxl{ font-size:1.3rem!important; } .text-1vw{ font-size:1vw!important; } .text-2vw{ font-size:2vw!important; } .text-3vw{ font-size:3vw!important; } .text-4vw{ font-size:4vw!important; } .text-5vw{ font-size:5vw!important; } .text-6vw{ font-size:6vw!important; } /* XL */ @media (min-width:1601px){ .text-xl-1vw{ font-size:1vw!important;} .text-xl-2vw{ font-size:2vw!important;} .text-xl-3vw{ font-size:3vw!important;} .text-xl-4vw{ font-size:4vw!important;} .text-xl-5vw{ font-size:5vw!important;} .text-xl-6vw{ font-size:6vw!important;} .text-xl-xxs{ font-size:0.7rem!important; } .text-xl-xs{ font-size:0.8rem!important; } .text-xl-sm{ font-size:0.9rem!important; } .text-xl-md{ font-size:1rem!important; } .text-xl-lg{ font-size:1.1rem!important; } .text-xl-xl{ font-size:1.2rem!important; } .text-xl-xxl{ font-size:1.3rem!important; } } /* LG */ @media (min-width:1201px) and (max-width:1600px){ .text-lg-1vw{ font-size:1vw!important;} .text-lg-2vw{ font-size:2vw!important;} .text-lg-3vw{ font-size:3vw!important;} .text-lg-4vw{ font-size:4vw!important;} .text-lg-5vw{ font-size:5vw!important;} .text-lg-6vw{ font-size:6vw!important;} .text-lg-xxs{ font-size:0.7rem!important; } .text-lg-xs{ font-size:0.8rem!important; } .text-lg-sm{ font-size:0.9rem!important; } .text-lg-md{ font-size:1rem!important; } .text-lg-lg{ font-size:1.1rem!important; } .text-lg-xl{ font-size:1.2rem!important; } .text-lg-xxl{ font-size:1.3rem!important; } } /* MD */ @media (min-width:993px) and (max-width:1200px){ .text-md-1vw{ font-size:1vw!important;} .text-md-2vw{ font-size:2vw!important;} .text-md-3vw{ font-size:3vw!important;} .text-md-4vw{ font-size:4vw!important;} .text-md-5vw{ font-size:5vw!important;} .text-md-6vw{ font-size:6vw!important;} .text-md-xxs{ font-size:0.7rem!important; } .text-md-xs{ font-size:0.8rem!important; } .text-md-sm{ font-size:0.9rem!important; } .text-md-md{ font-size:1rem!important; } .text-md-lg{ font-size:1.1rem!important; } .text-md-xl{ font-size:1.2rem!important; } .text-md-xxl{ font-size:1.3rem!important; } } /* SM */ @media (min-width:769px) and (max-width:992px){ .text-sm-1vw{ font-size:1vw!important;} .text-sm-2vw{ font-size:2vw!important;} .text-sm-3vw{ font-size:3vw!important;} .text-sm-4vw{ font-size:4vw!important;} .text-sm-5vw{ font-size:5vw!important;} .text-sm-6vw{ font-size:6vw!important;} .text-sm-xxs{ font-size:0.7rem!important; } .text-sm-xs{ font-size:0.8rem!important; } .text-sm-sm{ font-size:0.9rem!important; } .text-sm-md{ font-size:1rem!important; } .text-sm-lg{ font-size:1.1rem!important; } .text-sm-xl{ font-size:1.2rem!important; } .text-sm-xxl{ font-size:1.3rem!important; } } /* XS */ @media (max-width:768px){ .text-xs-1vw{ font-size:1vw!important;} .text-xs-2vw{ font-size:2vw!important;} .text-xs-3vw{ font-size:3vw!important;} .text-xs-4vw{ font-size:4vw!important;} .text-xs-5vw{ font-size:5vw!important;} .text-xs-6vw{ font-size:6vw!important;} .text-xs-xxs{ font-size:0.7rem!important; } .text-xs-xs{ font-size:0.8rem!important; } .text-xs-sm{ font-size:0.9rem!important; } .text-xs-md{ font-size:1rem!important; } .text-xs-lg{ font-size:1.1rem!important; } .text-xs-xl{ font-size:1.2rem!important; } .text-xs-xxl{ font-size:1.3rem!important; } } .text-default{ color:var(--text-color-2)!important; } .text-white{ color:#fff!important; } .text-black{ color:#000!important; } .text-color{ color:var(--text-color)!important; } .main-color{ color:var(--main-color)!important; } .color-main{ color:var(--color-main); } .color-alt{ color:var(--color-alt); } .text-blue{ color:var(--color-blue)!important; } .text-blue.hover:hover{ color:var(--color-blue-alt)!important; } .text-red{ color:var(--color-red)!important; } .text-red.hover:hover{ color:var(--color-red-alt)!important; } .text-blue-dark{ color:var(--color-blue-dark)!important; } .text-blue-dark.hover:hover{ color:var(--color-blue-dark-alt)!important; } .text-green{ color:var(--color-green)!important; } .text-green.hover:hover{ color:var(--color-green-alt)!important; } .text-green-1{ color:var(--color-green-1)!important; } .text-green-1.hover:hover{ color:var(--color-green-1-alt)!important; } .text-green-2{ color:var(--color-green-2)!important; } .text-green-2.hover:hover{ color:var(--color-green-2-alt)!important; } .text-green-3{ color:var(--color-green-3)!important; } .text-green-3.hover:hover{ color:var(--color-green-3-alt)!important; } .text-yellow{ color:var(--color-yellow)!important; } .text-yellow.hover:hover{ color:var(--color-yellow-alt)!important; } .text-o-xxxs{ opacity:0.9; } .text-o-xxs{ opacity:0.8; } .text-o-xs{ opacity:0.7; } .text-o-sm{ opacity:0.6; } .text-o{ opacity:0.5; } .text-o-lg{ opacity:0.4; } .text-o-xl{ opacity:0.3; } .text-o-xxl{ opacity:0.2; } .text-o-xxxl{ opacity:0.1; } .text-o-xxxxl{ opacity:0.05; } /* Text Highlight __________________________________________________________*/ .text-highlight{ position:relative; } .text-highlight::before{ content:""; z-index:1; left:-.5em; top:-.1em; border-width:4px; border-style:solid; border-color:var(--bg-color); border-right-color:var(--bg-color); position:absolute; border-right-color:transparent; width:120%; height:1.5em; transform:rotate(2deg); opacity:.5; border-radius:50%; padding:.1em .25em; } .text-highlight.blue::before{ border-color:var(--color-blue); border-right-color:var(--color-blue); } .text-highlight.green::before{ border-color:var(--color-green); border-right-color:var(--color-green); } .text-highlight.yellow::before{ border-color:var(--color-yellow); border-right-color:var(--color-yellow); } .text-highlight.red::before{ border-color:red; border-right-color:red; } .text-highlight::after{ content:""; z-index:1; left:-.5em; top:.03em; padding:.1em .25em; border-width:4px; border-style:solid; border-color:var(--bg-color); border-top-color:var(--bg-color); border-left-color:var(--bg-color); border-left-color:transparent; border-top-color:transparent; position:absolute; width:120%; height:1.5em; transform:rotate(-1deg); opacity:.5; border-radius:50%; } .text-highlight.blue::after{ border-color:var(--color-blue); border-top-color:var(--color-blue); border-left-color:var(--color-blue); } .text-highlight.green::after{ border-color:var(--color-green); border-top-color:var(--color-green); border-left-color:var(--color-green); } .text-highlight.yellow::after{ border-color:var(--color-yellow); border-top-color:var(--color-yellow); border-left-color:var(--color-yellow); } .text-highlight.red::after{ border-color:red; border-top-color:red; border-left-color:red; } .letter-spacing-xxs{ letter-spacing:1px; } .letter-spacing-xs{ letter-spacing:2px; } .letter-spacing-sm{ letter-spacing:3px; } .letter-spacing-md{ letter-spacing:4px; } .letter-spacing-lg{ letter-spacing:5px; } .letter-spacing-xl{ letter-spacing:6px; } .letter-spacing-xxl{ letter-spacing:7px; } .letter-spacing-xxxl{ letter-spacing:8px; } /* Headlines __________________________________________________________*/ h1,h2,h3,h4,h5,h6{ color:var(--text-color); font-weight:700; margin:0; padding:0; } .text-color-inherit{ color:inherit!important; } .h1-xl{ font-size:60px!important; } .h1-lg{ font-size:50px!important; } h1{ font-size:40px; } .h1{ font-size:40px!important; } h2{ font-size:34px; } .h2{ font-size:34px!important; } h3{ font-size:28px; } .h3{ font-size:28px!important; } h4{ font-size:24px; } .h4{ font-size:24px!important; } h5{ font-size:20px; } .h5{ font-size:20px!important; } h6{ font-size:16px; } .h6{ font-size:16px!important; } .h-underline{ display:block; position:relative; line-height:1; margin:0; padding:0; } .h-underline > span{ border-bottom:solid 1px #000; display:inline-block; padding-bottom:10px; } .h-underline::after{ position:absolute; content:""; bottom:0; left:0; width:100%; height:1px; border-bottom:solid 1px rgba(0,0,0,0.1); } /* Font __________________________________________________________*/ .font-300{ font-weight:300!important; } .font-400{ font-weight:400!important; } .font-500{ font-weight:500!important; } .font-600{ font-weight:600!important; } .font-700{ font-weight:700!important; } .font-handwritten{ font-family:'Amatic SC',cursive; } [font-300]{ font-weight:300!important;} [font-400]{ font-weight:400!important;} [font-500]{ font-weight:500!important;} [font-600]{ font-weight:600!important;} [font-700]{ font-weight:700!important;} [font-800]{ font-weight:800!important;} [font-900]{ font-weight:900!important;} /* Text Shadow __________________________________________________________*/ .text-shadow-xs{ text-shadow:1px 1px 1px rgba(0,0,0,0.5); } .text-shadow-sm{ text-shadow:1px 1px 2px rgba(0,0,0,0.5); } .text-shadow{ text-shadow:1px 1px 3px rgba(0,0,0,0.5); } .text-shadow-lg{ text-shadow:1px 1px 4px rgba(0,0,0,0.5); } .text-shadow-xl{ text-shadow:2px 2px 5px rgba(0,0,0,0.5); } /* Shining Text __________________________________________________________*/ .shinning-text-section{ background:var(--bg-color); } .shinning-text{ font-size:6rem; font-weight:300; letter-spacing:2rem; text-transform:uppercase; white-space:nowrap; background:linear-gradient(90deg,var(--bg-color),#FFF,var(--bg-color)); background-size:60%; background-repeat:no-repeat; -webkit-background-clip:text; -webkit-text-fill-color:rgba(255,255,255,0); animation:animation-shinning-text 5s linear infinite; text-align:center; } @keyframes animation-shinning-text{ 0%{ background-position:-200%; } 100%{ background-position:200%; } } /* FullScreenScroll __________________________________________________________*/ .FullScreenScrollContainer{ z-index:20; } .FullScreenScrollContainer > li[bg-color] .container{ text-shadow:none!important; } body.light .FullScreenScrollContainer > li[bg-color] section p{ color:#646464; } @media (min-width:1201px){ @media (min-height:860px){ body.fullscreenscroll{ overflow:hidden; overscroll-behavior:none; height:100%; box-sizing:border-box; } body.fullscreenscroll #app{ overflow-y:hidden!important; } .FullScreenScrollContainer{ display:block; overflow-x:hidden; overflow-y:auto; outline:none; flex:none; width:100%; height:100vh; flex-flow:nowrap; scroll-snap-type:y mandatory; overscroll-behavior-y:none; scroll-snap-stop:always; position:relative; scroll-snap-tolerance:500px; scroll-behavior:smooth; } #app.mobile .FullScreenScrollContainer{ height:-webkit-fill-available; } .FullScreenScrollContainer.fluid{ scroll-snap-type:y proximity ; } .FullScreenScrollContainer.nosnap{ scroll-snap-type:none; } .FullScreenScrollContainer.canAnimate{ transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55); transition:all 0.5s; } .FullScreenScrollContainer.slideOut{ transform:translate3d(-100%,0,0); } .FullScreenScrollContainer > li{ width:100%; height:100vh; overflow:hidden; position:relative; scroll-snap-align:start; -webkit-scroll-snap-align:start; } .FullScreenScrollContainer[horizontal]{ display:flex; align-items:center; scroll-snap-type:x mandatory; overflow-y:hidden; overflow-x:auto; -ms-scroll-snap-destination:0 0;/* code added */ scroll-snap-destination:0 0;/* code added */ } .FullScreenScrollContainer[horizontal] li{ min-width:100vw; } .FullScreenScrollContainer > li [section-headline]{ display:none; } #FullScreenScrollBG{ z-index:15; background-color:transparent; position:absolute; width:100%; height:100%; transition:all 0.75s ease; } } } #FullScreenScrollMenu{ position:fixed; top:50%; left:0; transform:translate3d(0,-50%,0); z-index:55; } #FullScreenScrollMenu ul li{ position:relative; width:250px; padding:3px 30px; color:#fff; font-size:10px; cursor:pointer; } #FullScreenScrollMenu ul li span{ text-transform:uppercase; opacity:0; transition:all 0.3s ease; } #FullScreenScrollMenu ul li.active span, #FullScreenScrollMenu ul li:hover span{ opacity:1; } #FullScreenScrollMenu ul li:before{ content:""; position:absolute; top:50%; left:15px; transform:translate3d(0,-50%,0); width:8px; height:8px; border-radius:50%; background-color:rgba(255,255,255,0.2); width:1px; height:18px; border-radius:0; transition:all 0.3s ease; } #FullScreenScrollMenu ul li.active:before{ background-color:#fff; width:3px; } @media (max-width:1300px),(max-height:860px){ #FullScreenScrollMenu{ display:none; } .FullScreenScrollContainer{ display:block; scroll-snap-type:y proximity; overscroll-behavior-y:none; position:relative; scroll-snap-tolerance:500px; scroll-behavior:smooth; } .FullScreenScrollContainer > li{ scroll-snap-align:start; -webkit-scroll-snap-align:start; position:relative; } } @media (max-width:1200px),(max-height:860px){ .FullScreenScrollContainer > li [section-headline]{ content:attr(section-title); /*background-color:rgba(10,10,10,0.7);*/ -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); position:absolute; top:0; width:100%; padding:10px; display:block; margin-bottom:30px; font-size:11px; z-index:200; text-transform:uppercase; border-bottom:solid 1px rgba(255,255,255,0.2); border-top:0!important; background-color:transparent!important; } .FullScreenScrollContainer > li [section-headline].sticky{ position:fixed; top:0; } .FullScreenScrollContainer > li:first-child [section-headline]{ display:none; } } /* Badges __________________________________________________________*/ .dot-badge{ top:-7px; margin-left:14px; position:absolute; width:14px; height:14px; line-height:14px; text-align:center; background-color:var(--color-red); border-radius:50%; font-size:10px; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Arial,Helvetica,Roboto,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; } .dot-badge.relative{ position:relative; margin-left:0; top:auto; display:inline-block; } .dot{ width:14px; height:14px; line-height:13px; background-color:var(--color-red); display:inline-block; border-radius:50%; vertical-align:middle; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Arial,Helvetica,Roboto,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-size:10px; font-weight:bold; text-align:center; color:#fff; background-color:#2c2c2e; } .dot.sm{ width:11px; height:11px; } .dot.xs{ width:9px; height:9px; } .dot.green{ background-color:var(--color-green); } .dot.default{ background-color:rgba(0,0,0,0.1); } body.dark .dot.default{ background-color:#2c2c2e; } .dot.dot-border{ border:solid 1px var(--bg-color); outline:solid 2px var(--bg-color); position:relative; } .dot.dot-border-sm{ outline:solid 2px var(--bg-color); } .dot.dot-border-xs{ outline:solid 1px var(--bg-color); } .dot.top-left{ position:absolute; top:-3px; left:-3px; } .dot.top-right{ position:absolute; top:-3px; right:-3px; } .dot.bottom-left{ position:absolute; bottom:-3px; left:-3px; } .dot.bottom-right{ position:absolute; bottom:-3px; right:-3px; } .dot.center-left{ position:absolute; top:50%; left:0; transform:translate3d(0,-50%,0); } .dot.center-left-minus{ position:absolute; top:50%; left:-8px; transform:translate3d(0,-50%,0); } .dot.center-right{ position:absolute; top:50%; right:0; transform:translate3d(0,-50%,0); } /* PAGINATION __________________________________________________________*/ .pagination-wrapper{ display:table; margin:0 auto; padding:20px 0 0; } ul.pagination{ display:table; table-layout:fixed; width:100%; margin:0 auto; } ul.pagination li{ display:table-cell; } ul.pagination li a, ul.pagination li span{ display:block; padding:10px 15px; color:var(--color-text); border-radius:4px; font-size:12px; text-align:center; } ul.pagination li:hover a{ background-color:var(--bg-faded); } ul.pagination li.active a, ul.pagination li.active span{ background-color:#007aff; color:#fff; } /*ul.pagination li > span{ display:table-cell; background-color:transparent; padding:10px 20px; }*/ ul.pagination li:not(.active) > span{ color:rgba(255,255,255,0.3); cursor:not-allowed; } /* Breakpoint MD Down */ @media (max-width:991px) { ul.pagination{ width:80%; } } /* Breakpoint SM Down */ @media (max-width:768px) { ul.pagination{ width:100%; text-align:center; } ul.pagination li{ display:none; } ul.pagination li a, ul.pagination li span{ display:block; padding:15px 30px; } ul.pagination li:first-child, ul.pagination li:last-child, ul.pagination li.active{ display:inline-block; } }/* Input __________________________________________________________*/ input, textarea, select{ padding:.67857143em 1em .47857143em; border:1px solid rgba(34,36,38,.15); color:rgba(0,0,0,.87); border-radius:.28571429rem; font-family:inherit; } textarea{ line-height:1.5; } body.dark input, body.dark textarea, body.dark select{ color:rgba(255,255,255,.87); background-color:rgba(255,255,255,0.04); } input, textarea, select{ color:rgba(255,255,255,.87); background-color:rgba(255,255,255,0.04); } textarea{ font-size:12px; } select{ width:100%; } /*input:focus, textarea:focus, select:focus{ border:solid 1px #85b7d9; }*/ /* Error */ .error-border{ border-color:var(--color-red)!important; } .input-error{ position:relative; } .input-error:after{ position:absolute; left:0; top:-20px; background-color:var(--color-red); padding:2px 6px; color:#fff; content:attr(data-message); font-size:0.75rem; border-radius:.28571429rem; border-bottom-left-radius:0; } .input-error input, .input-error textarea, .input-error select{ border:solid 1px var(--color-red); } /* Input Placeholders */ ::-webkit-input-placeholder{ color:#747474; } :-ms-input-placeholder{ color:#747474; } ::placeholder{ color:#747474; } /* Input Placeholders on Focus */ :focus::-webkit-input-placeholder{ color:#747474; } :focus:-ms-input-placeholder{ color:#747474; } :focus::placeholder{ color:#747474; } .input{ position:relative; margin-top:25px; display:flex; align-items:center; } .input.sm{ margin-top:15px; } .input input, .input textarea{ position:relative; z-index:5; font-family:inherit; font-size:13px; } .input.input-icon input{ padding:.77857143em 1em .57857143em 3em; } .input.input-icon.input-icon-right input{ padding:.77857143em 3em .57857143em 1em; } .input.input-icon > i{ position:absolute; top:50%; transform:translate3d(0,-50%,0); left:10px; opacity:0.2; } .input.input-icon.focus > i{ opacity:0.75; } .input.input-icon.input-icon-right > i{ left:auto; right:10px; } .input .input-placeholder{ position:absolute; top:0; left:0; font-size:10px; font-weight:500; transition:var(--animation); opacity:0; z-index:1; text-transform:uppercase; color:#5b5b5b; } .input.filled .input-placeholder{ transform:translate3d(0,-15px,0); opacity:1; } .input .title{ font-size:12px; font-weight:500; } .input label{ margin-left:auto; } .input .input-addon{ padding:.77857143em 1em .57857143em 1em; background-color:#101010; font-size:13px; display:inline-block; vertical-align:middle; border-radius:.28571429rem; border-bottom-right-radius:0; border-top-right-radius:0; margin-right:-5px; position:relative; z-index:10; flex-shrink:0; } /* FORM __________________________________________________________*/ /*.form input, .form select, .form textarea{ overflow:hidden; border-radius:10px; padding:10px; border:solid 2px #e6e8ea; display:flex; align-items:center; float:left; width:100%; -webkit-appearance:none; font-size:16px; }*/ .form textarea{ min-height:200px; } .form input, .form select, .form textarea, .form textarea{ background-color:#fff; border-radius:6px; /*font-family:'Open Sans',sans-serif !important;*/ font-size:16px; padding:15px 20px; width:100%; -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); line-height:100%; border:solid 1px rgba(0,0,0,0.15); color:rgba(0,0,0,.87); } .form .button-form{ background-color:#fff; border-radius:6px; /*font-family:'Open Sans',sans-serif !important;*/ font-size:16px; padding:15px 20px; -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); line-height:100%; border:solid 1px rgba(0,0,0,0.15); color:rgba(0,0,0,.87); } body.dark .form input, body.dark .form select, body.dark .form textarea{ background-color:#000; color:rgba(255,255,255,.87); } .form input:disabled, .form select:disabled, .form textarea:disabled{ color:rgba(0,0,0,.35); } .form .input{ position:relative; } .form .input .hint{ position:absolute; top:50%; right:20px; transform:translate3d(0,-50%,0); font-size:0.8rem; cursor:pointer; } /* Input Hint __________________________________________________________*/ .input-hint{ position:absolute!important; z-index:9999999!important; background-color:#000!important; color:#fff!important; font-size:11px!important; border-radius:10px!important; padding:10px; width:auto; line-height:1.3; transition:all 0.2s cubic-bezier(0,0,0.23,1); transform:translate3d(20px,0,0); opacity:0; } .input-hint.in{ transform:translate3d(0,0,0); opacity:1; } /* MD */ @media (min-width:1201px){ .input-hint:after{ right:100%; top:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0,0,0,0); border-right-color:#000; border-width:5px; margin-top:-5px; } .input-hint.left:after{ left:100%; top:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0,0,0,0); border-left-color:#000; border-width:5px; margin-top:-5px; } } /* MD */ @media (max-width:1200px){ .input-hint{ transform:translate3d(0,-5px,0); } .input-hint:after{ top:100%; right:20px; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0,0,0,0); border-top-color:#000; border-width:5px; margin-left:-5px; } } .flex input{ width:100%; }/* Backgrounds __________________________________________________________*/ .bg-color-text{ background-color:var(--color-text)!important; } .bg-transparent{ background-color:transparent!important; } .bg-main{ background-color:var(--main-color)!important; } .bg-alt{ background-color:var(--color-alt)!important; } .bg-alt{ background-color:var(--bg-color-alt)!important; } .bg-faded{ background-color:var(--bg-faded)!important; } .bg-faded-from-right{ background:#ffffff; background:-moz-linear-gradient(left,#ffffff 0%,var(--bg-faded) 100%); background:-webkit-linear-gradient(left,#ffffff 0%,var(--bg-faded) 100%); background:linear-gradient(to right,#ffffff 0%,var(--bg-faded) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='var(--bg-faded)',GradientType=1 ); } .bg-faded-from-left{ background:var(--bg-faded);/* Old browsers */ background:-moz-linear-gradient(left,var(--bg-faded) 0%,#ffffff 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(left,var(--bg-faded) 0%,#ffffff 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to right,var(--bg-faded) 0%,#ffffff 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--bg-faded)',endColorstr='#ffffff',GradientType=1 );/* IE6-9 */ } .bg-faded-more{ background-color:var(--bg-faded-more)!important; } .bg-faded-more-from-right{ background:#ffffff; background:-moz-linear-gradient(left,#ffffff 0%,var(--bg-faded-more) 100%); background:-webkit-linear-gradient(left,#ffffff 0%,var(--bg-faded-more) 100%); background:linear-gradient(to right,#ffffff 0%,var(--bg-faded-more) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='var(--bg-faded-more)',GradientType=1 ); } .bg-faded-more-from-left{ background:var(--bg-faded-more);/* Old browsers */ background:-moz-linear-gradient(left,var(--bg-faded-more) 0%,#ffffff 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(left,var(--bg-faded-more) 0%,#ffffff 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to right,var(--bg-faded-more) 0%,#ffffff 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--bg-faded-more)',endColorstr='#ffffff',GradientType=1 );/* IE6-9 */ } .bg-black-opacity{ background-color:rgba(0,0,0,0.5); } .bg-default{ background-color:var(--bg-default)!important; } .bg-color{ background-color:var(--bg-color)!important; } .bg-color-alt{ background-color:var(--bg-color-alt)!important; } .bg-color-1{ background-color:var(--bg-color-1)!important; } .bg-color-2{ background-color:var(--bg-color-2)!important; } .bg-color-2{ background-color:var(--bg-color-3)!important; } .bg-dark{ background-color:var(--bg-dark)!important; } .bg-dark.hover:hover{ background-color:var(--bg-dark-hover)!important; } .bg-blue{ background-color:var(--color-blue)!important; color:#fff!important; } .bg-blue-dark{ background-color:var(--color-blue-dark)!important; color:#fff!important; } .bg-blue-alt, .bg-blue.hover:hover{ background-color:var(--color-blue-alt)!important; color:#fff!important; } .bg-red{ background-color:var(--color-red)!important; color:#fff!important; } .bg-red-alt, .bg-red.hover:hover{ background-color:var(--color-red-alt)!important; color:#fff!important; } .bg-green{ background-image:none!important; background-color:var(--color-green)!important; color:#fff!important; } .bg-green-alt, .bg-green.hover:hover{ background-color:var(--color-green-alt)!important; color:#fff!important; } .bg-green-1{ background-color:var(--color-green-1)!important; color:#fff!important; } .bg-green-1-alt, .bg-green-1.hover:hover{ background-color:var(--color-green-1-alt)!important; color:#fff!important; } .bg-green-2{ background-color:var(--color-green-2)!important; color:#fff!important; } .bg-green-2-alt, .bg-green-2.hover:hover{ background-color:var(--color-green-2-alt)!important; color:#fff!important; } .bg-green-3{ background-color:var(--color-green-3)!important; color:#fff!important; } .bg-green-3-alt, .bg-green-3.hover:hover{ background-color:var(--color-green-3-alt)!important; color:#fff!important; } .bg-yellow{ background-color:var(--color-yellow)!important; color:rgba(0,0,0,0.5)!important; } .bg-yellow-alt, .bg-yellow.hover:hover{ background-color:var(--color-yellow-alt)!important; color:rgba(0,0,0,0.5)!important; } .bg-lime{ background-color:#a5d631!important; color:#fff!important; } .bg-orange{ background-color:#f7a521!important; color:#fff!important; } .bg-white{ background-color:#fff!important; } .bg-black{ background-color:#000!important; } .bg-google{ background-color:#f9f9fa !important; background-image:none !important; color:#505050!important; border:solid 1px #eaeaea!important; } .bg-google:hover{ background-color:#fafafa!important; } .bg-facebook{ background-color:#3b5998 !important; background-image:none !important; color:#fff; } .bg-facebook:hover{ background-color:#26427c!important; } .bg-apple{ background-color:#000000 !important; background-image:none !important; color:#fff!important; } .bg-apple:hover{ background-color:#1e1e1e!important; } .bg-google img, .bg-facebook img, .bg-apple img, .bg-email img, .bg-google i, .bg-facebook i, .bg-apple i, .bg-email i{ font-size:12px; max-height:16px; margin-right:10px; display:inline-block; vertical-align:middle; position:absolute; left:20px; top:50%; transform:translateY(-50%); } .bg-gradient{ /* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */ background:var(--bg-color);/* Old browsers */ background:-moz-linear-gradient(top,var(--bg-color) 0%,var(--bg-faded) 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(top,var(--bg-color) 0%,var(--bg-faded) 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom,var(--bg-color) 0%,var(--bg-faded) 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--bg-color)',endColorstr='var(--bg-faded)',GradientType=0 );/* IE6-9 */ } .bg-gradient-reverse{ /* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */ background:var(--bg-faded);/* Old browsers */ background:-moz-linear-gradient(top,var(--bg-faded) 0%,var(--bg-color) 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(top,var(--bg-faded) 0%,var(--bg-color) 100%);/* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom,var(--bg-faded) 0%,var(--bg-color) 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--bg-faded)',endColorstr='var(--bg-color)',GradientType=0 );/* IE6-9 */ } /* LG */ @media (max-width:1600px){ .bg-faded-lg { background-color:var(--bg-faded)!important;} .bg-transparent-lg { background-color:transparent!important;} .bg-color-lg{ background-color:var(--bg-color)!important; } .bg-color-alt-lg{ background-color:var(--bg-color-alt)!important; } } /* MD */ @media (max-width:1200px){ .bg-faded-md { background-color:var(--bg-faded)!important;} .bg-transparent-md { background-color:transparent!important;} .bg-color-md{ background-color:var(--bg-color)!important; } .bg-color-alt-md{ background-color:var(--bg-color-alt)!important; } } /* SM */ @media (max-width:992px){ .bg-faded-sm { background-color:var(--bg-faded)!important;} .bg-transparent-sm { background-color:transparent!important;} .bg-color-sm{ background-color:var(--bg-color)!important; } .bg-color-alt-sm{ background-color:var(--bg-color-alt)!important; } } /* XS */ @media (max-width:768px){ .bg-faded-xs { background-color:var(--bg-faded)!important;} .bg-transparent-xs { background-color:transparent!important;} .bg-color-xs{ background-color:var(--bg-color)!important; } .bg-color-alt-xs{ background-color:var(--bg-color-alt)!important; } } /* Outline ______________*/ .outline{ background-color:transparent!important; border:solid 1px var(--color-main); color:var(--color-main)!important; } .outline.outline-lg{ border:solid 2px var(--color-text-3); } .outline.hover:hover{ background-color:transparent!important; border:solid 1px var(--color-text-1); color:var(--color-text)!important; } .outline.border-white, .outline.border-white:hover{ border:solid 1px #fff; } .outline.border-white.outline-lg{ border:solid 2px #fff; } .outline.text-white, .outline.text-white:hover{ color:#fff!important; } .outline.text-black, .outline.text-black:hover{ color:#000!important; } .bg-white.outline{ background-color:transparent!important; border:solid 1px #fff; } .bg-white.outline.hover:hover{ background-color:transparent!important; border:solid 1px #fff; } .bg-blue.outline{ background-color:transparent!important; border:solid 1px var(--color-blue); } .bg-blue.outline.hover:hover{ background-color:transparent!important; border:solid 1px var(--color-blue-hover); } .bg-red.outline{ background-color:transparent!important; border:solid 1px var(--color-red); } .bg-red.outline.hover:hover{ background-color:transparent!important; border:solid 1px var(--color-red-hover); } .bg-green.outline{ background-color:transparent!important; border:solid 1px var(--color-green); } .bg-green.outline.hover:hover{ background-color:transparent!important; border:solid 1px var(--color-green-hover); } .bg-yellow.outline{ background-color:transparent!important; border:solid 1px var(--color-yellow); } .bg-yellow.outline.hover:hover{ background-color:transparent!important; border:solid 1px var(--color-yellow-hover); } /* BG __________________________________________________________*/ .bg{ position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); width:100%; height:100%; object-fit:cover; } .bg > img{ position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); width:100%; height:100%; object-fit:cover; } .bg-bottom{ top:auto; bottom:0; } .bg.fluid{ height:auto; } .bg.behind{ z-index:1; } .bg.parallax-img{ height:calc(100% + 50px); } .bg-level-1{ background-color:#54c98f!important; } .bg-level-2{ background-color:#d8c737!important; } .bg-level-3{ background-color:#cb9454!important; } .bg-level-4{ background-color:#e87018!important; } .bg-level-5{ background-color:#c41919!important; } /* Header __________________________________________________________*/ body.header-top{ --header-width:0; --header-height:100px; } body.header-left{ --header-width:220px; --header-height:0; } body.header-top #container{ width:100%; margin-top:var(--header-height); } body.header-left #container{ width:calc(100% - var(--header-width)); margin-left:var(--header-width); } .header-height{ height:var(--header-height); } header{ position:fixed; top:0; left:0; z-index:900; background-color:var(--bg-color); } body.header-top header{ width:100%; padding:0; height:var(--header-height); } body.header-left header{ width:var(--header-width); height:100%; padding-right:10px; } /*body.dark.header-left header, body.dark.header-top header{ background-color:transparent; }*/ body.header-top .nano-content{ /*display:flex;*/ } /* Header Navigation __________________________________________________________*/ /* MD */ @media (min-width:1200px){ body.header-left .logo{ padding-top:30px; text-align:center; position:relative; z-index:5 !important; max-width:50%; margin:0 auto; } body.header-left header{ padding-right:0; } } ul.header-navigation{ position:absolute; top:50%; transform:translate3d(0,-50%,0); width:100%; } ul.header-navigation > li > a{ display:block; text-align:left; padding:9px 70px!important; position:relative; font-size:15px; font-weight:600; } ul.header-navigation > li > a:after{ position:absolute; content:""; top:50%; left:0; transform:translate3d(-50px,-50%,0); width:50px; height:2px; background-image:linear-gradient(to right,var(--main-color),var(--secondary-color)); transition:all 0.3s ease; } ul.header-navigation > li > a.active:after{ transform:translate3d(0,-50%,0); } ul.header-navigation > li > ul{ max-height:0; overflow:hidden; transition:max-height 1s cubic-bezier(0,1,0,1); display:none; } ul.header-navigation > li.active > ul{ max-height:1000px; transition:max-height 1s ease-in-out; } ul.header-navigation > li > ul > li > a{ display:block; text-align:left; padding:6px 20px 6px 90px!important; position:relative; font-size:12px; font-weight:400; } body.header-top ul.header-navigation{ } body.header-top ul.header-navigation li{ display:inline-block; } body.header-left ul.header-navigation{ } body.header-left ul.header-navigation li{ display:block; } /* Link ______________________*/ ul.header-navigation li a{ display:block; font-size:13px; color:var(--text-color); opacity:0.35; display:flex; align-items:center; font-weight:600; } ul.header-navigation li a:hover{ opacity:0.65; } ul.header-navigation li a.active{ opacity:1; } body.header-top ul.header-navigation li a{ padding:0 20px; } body.header-left ul.header-navigation li a{ padding:7px 0; } /* Icon ______________________*/ ul.header-navigation li a > i{ font-size:14px; width:42px; padding-right:25px; text-align:center; } body.header-top ul.header-navigation li a > i{ padding-right:10px; width:auto; text-align:left; } /* Image ______________________*/ /*ul.header-navigation li a > img{ width:42px; text-align:center; padding-right:25px; object-fit:cover; object-position:center; }*/ ul.header-navigation li a > img{ width:22px; text-align:center; margin-right:20px; object-fit:cover; object-position:center; } body.header-top ul.header-navigation li a > img{ width:auto; height:15px; padding-right:10px; } /* LG */ @media (max-width:1600px){ body.header-top{ } } /* MD */ @media (max-width:1200px){ body.header-left header{ width:100%; height:60px; overflow:hidden; display:flex; position:fixed; align-items:center; padding:0 20px; background-color:transparent!important; } body.header-left header.active{ background-color:var(--bg-color)!important; } body.header-left .logo{ padding-top:0!important; text-align:center; } body.header-left .logo img{ max-height:25px; } body.header-left ul.header-navigation{ display:none; } body.header-left .header-bottom{ display:none; } body.header-left #container{ width:100%; margin-left:0; margin-top:0; } } body #responsive-navigation-trigger{ display:none; } /* SM */ @media (max-width:1200px){ body header{ transition:all 0.3s ease; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5); box-shadow: 0 0 20px rgba(0,0,0,0.5); } body header:not(active){ -webkit-box-shadow:none; box-shadow: none; } body header.down{ transform:translate3d(0,-70px,0); } body #responsive-navigation-trigger{ margin-left:auto; padding-right:10px; font-size:22px; display:block; } } /* XS */ @media (max-width:768px){ body.header-top{ } } /* Labels __________________________________________________________*/ .label{ color:rgba(255,255,255,.5); font-size:11px; padding:.58em .83em; line-height:1; border-radius:.28571429rem; background-color:rgba(255,255,255,0.05); font-weight:700; display:inline-block;vertical-align:middle; } .label.grey{ background-color:rgba(0,0,0,0.05); color:rgba(0,0,0,.35); } .label.default{ border:solid 1px rgba(0,0,0,0.1); color:#6f747d; } .label.hover:hover, a.label:hover{ background-color:rgba(255,255,255,0.1); cursor:pointer; } .label > .icon{ width:auto; margin:0 .75em 0 0; } .label.image{ padding:.58em .83em .58em; } .label.image img{ display:inline-block; vertical-align:middle; height:24.5px; margin:-.62em .75em -.58em -.83em; border-radius:.28571429rem 0 0 .28571429rem; } .label.sm{ padding:.48em .73em; font-size:10px; } .label.xs{ padding:.38em .63em; font-size:10px; } /* Circle Percentafe __________________________________________________________*/ .rect-auto,.circle-percentage.p51 .slice,.circle-percentage.p52 .slice,.circle-percentage.p53 .slice,.circle-percentage.p54 .slice,.circle-percentage.p55 .slice,.circle-percentage.p56 .slice,.circle-percentage.p57 .slice,.circle-percentage.p58 .slice,.circle-percentage.p59 .slice,.circle-percentage.p60 .slice,.circle-percentage.p61 .slice,.circle-percentage.p62 .slice,.circle-percentage.p63 .slice,.circle-percentage.p64 .slice,.circle-percentage.p65 .slice,.circle-percentage.p66 .slice,.circle-percentage.p67 .slice,.circle-percentage.p68 .slice,.circle-percentage.p69 .slice,.circle-percentage.p70 .slice,.circle-percentage.p71 .slice,.circle-percentage.p72 .slice,.circle-percentage.p73 .slice,.circle-percentage.p74 .slice,.circle-percentage.p75 .slice,.circle-percentage.p76 .slice,.circle-percentage.p77 .slice,.circle-percentage.p78 .slice,.circle-percentage.p79 .slice,.circle-percentage.p80 .slice,.circle-percentage.p81 .slice,.circle-percentage.p82 .slice,.circle-percentage.p83 .slice,.circle-percentage.p84 .slice,.circle-percentage.p85 .slice,.circle-percentage.p86 .slice,.circle-percentage.p87 .slice,.circle-percentage.p88 .slice,.circle-percentage.p89 .slice,.circle-percentage.p90 .slice,.circle-percentage.p91 .slice,.circle-percentage.p92 .slice,.circle-percentage.p93 .slice,.circle-percentage.p94 .slice,.circle-percentage.p95 .slice,.circle-percentage.p96 .slice,.circle-percentage.p97 .slice,.circle-percentage.p98 .slice,.circle-percentage.p99 .slice,.circle-percentage.p100 .slice{ clip:rect(auto,auto,auto,auto); } .pie,.circle-percentage .bar,.circle-percentage.p51 .fill,.circle-percentage.p52 .fill,.circle-percentage.p53 .fill,.circle-percentage.p54 .fill,.circle-percentage.p55 .fill,.circle-percentage.p56 .fill,.circle-percentage.p57 .fill,.circle-percentage.p58 .fill,.circle-percentage.p59 .fill,.circle-percentage.p60 .fill,.circle-percentage.p61 .fill,.circle-percentage.p62 .fill,.circle-percentage.p63 .fill,.circle-percentage.p64 .fill,.circle-percentage.p65 .fill,.circle-percentage.p66 .fill,.circle-percentage.p67 .fill,.circle-percentage.p68 .fill,.circle-percentage.p69 .fill,.circle-percentage.p70 .fill,.circle-percentage.p71 .fill,.circle-percentage.p72 .fill,.circle-percentage.p73 .fill,.circle-percentage.p74 .fill,.circle-percentage.p75 .fill,.circle-percentage.p76 .fill,.circle-percentage.p77 .fill,.circle-percentage.p78 .fill,.circle-percentage.p79 .fill,.circle-percentage.p80 .fill,.circle-percentage.p81 .fill,.circle-percentage.p82 .fill,.circle-percentage.p83 .fill,.circle-percentage.p84 .fill,.circle-percentage.p85 .fill,.circle-percentage.p86 .fill,.circle-percentage.p87 .fill,.circle-percentage.p88 .fill,.circle-percentage.p89 .fill,.circle-percentage.p90 .fill,.circle-percentage.p91 .fill,.circle-percentage.p92 .fill,.circle-percentage.p93 .fill,.circle-percentage.p94 .fill,.circle-percentage.p95 .fill,.circle-percentage.p96 .fill,.circle-percentage.p97 .fill,.circle-percentage.p98 .fill,.circle-percentage.p99 .fill,.circle-percentage.p100 .fill{ position:absolute; border:0.09em solid #000000; width:0.82em; height:0.82em; clip:rect(0em,0.5em,1em,0em); border-radius:50%; -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); } .pie-fill,.circle-percentage.p51 .bar:after,.circle-percentage.p51 .fill,.circle-percentage.p52 .bar:after,.circle-percentage.p52 .fill,.circle-percentage.p53 .bar:after,.circle-percentage.p53 .fill,.circle-percentage.p54 .bar:after,.circle-percentage.p54 .fill,.circle-percentage.p55 .bar:after,.circle-percentage.p55 .fill,.circle-percentage.p56 .bar:after,.circle-percentage.p56 .fill,.circle-percentage.p57 .bar:after,.circle-percentage.p57 .fill,.circle-percentage.p58 .bar:after,.circle-percentage.p58 .fill,.circle-percentage.p59 .bar:after,.circle-percentage.p59 .fill,.circle-percentage.p60 .bar:after,.circle-percentage.p60 .fill,.circle-percentage.p61 .bar:after,.circle-percentage.p61 .fill,.circle-percentage.p62 .bar:after,.circle-percentage.p62 .fill,.circle-percentage.p63 .bar:after,.circle-percentage.p63 .fill,.circle-percentage.p64 .bar:after,.circle-percentage.p64 .fill,.circle-percentage.p65 .bar:after,.circle-percentage.p65 .fill,.circle-percentage.p66 .bar:after,.circle-percentage.p66 .fill,.circle-percentage.p67 .bar:after,.circle-percentage.p67 .fill,.circle-percentage.p68 .bar:after,.circle-percentage.p68 .fill,.circle-percentage.p69 .bar:after,.circle-percentage.p69 .fill,.circle-percentage.p70 .bar:after,.circle-percentage.p70 .fill,.circle-percentage.p71 .bar:after,.circle-percentage.p71 .fill,.circle-percentage.p72 .bar:after,.circle-percentage.p72 .fill,.circle-percentage.p73 .bar:after,.circle-percentage.p73 .fill,.circle-percentage.p74 .bar:after,.circle-percentage.p74 .fill,.circle-percentage.p75 .bar:after,.circle-percentage.p75 .fill,.circle-percentage.p76 .bar:after,.circle-percentage.p76 .fill,.circle-percentage.p77 .bar:after,.circle-percentage.p77 .fill,.circle-percentage.p78 .bar:after,.circle-percentage.p78 .fill,.circle-percentage.p79 .bar:after,.circle-percentage.p79 .fill,.circle-percentage.p80 .bar:after,.circle-percentage.p80 .fill,.circle-percentage.p81 .bar:after,.circle-percentage.p81 .fill,.circle-percentage.p82 .bar:after,.circle-percentage.p82 .fill,.circle-percentage.p83 .bar:after,.circle-percentage.p83 .fill,.circle-percentage.p84 .bar:after,.circle-percentage.p84 .fill,.circle-percentage.p85 .bar:after,.circle-percentage.p85 .fill,.circle-percentage.p86 .bar:after,.circle-percentage.p86 .fill,.circle-percentage.p87 .bar:after,.circle-percentage.p87 .fill,.circle-percentage.p88 .bar:after,.circle-percentage.p88 .fill,.circle-percentage.p89 .bar:after,.circle-percentage.p89 .fill,.circle-percentage.p90 .bar:after,.circle-percentage.p90 .fill,.circle-percentage.p91 .bar:after,.circle-percentage.p91 .fill,.circle-percentage.p92 .bar:after,.circle-percentage.p92 .fill,.circle-percentage.p93 .bar:after,.circle-percentage.p93 .fill,.circle-percentage.p94 .bar:after,.circle-percentage.p94 .fill,.circle-percentage.p95 .bar:after,.circle-percentage.p95 .fill,.circle-percentage.p96 .bar:after,.circle-percentage.p96 .fill,.circle-percentage.p97 .bar:after,.circle-percentage.p97 .fill,.circle-percentage.p98 .bar:after,.circle-percentage.p98 .fill,.circle-percentage.p99 .bar:after,.circle-percentage.p99 .fill,.circle-percentage.p100 .bar:after,.circle-percentage.p100 .fill{ -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); } .circle-percentage{ position:relative; font-size:80px; width:1em; height:1em; border-radius:50%; margin:0; background-color:#dfe8ed; } .circle-percentage.xs{ font-size:40px; } .circle-percentage.sm{ font-size:60px; } .circle-percentage.md{ font-size:80px; } .circle-percentage.lg{ font-size:100px; } .circle-percentage.xl{ font-size:120px; } .circle-percentage.xxl{ font-size:140px; } .circle-percentage *,.circle-percentage *:before,.circle-percentage *:after{ -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } .circle-percentage > span{ position:absolute; width:100%; z-index:1; left:0; top:0; width:5em; line-height:5em; font-size:0.2em; color:#3c4761; display:block; text-align:center; white-space:nowrap; -moz-transition-property:all; -o-transition-property:all; -webkit-transition-property:all; transition-property:all; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .circle-percentage:after{ position:absolute; top:0.09em; left:0.09em; display:block; content:" "; border-radius:50%; background-color:var(--bg-color); width:0.82em; height:0.82em; -moz-transition-property:all; -o-transition-property:all; -webkit-transition-property:all; transition-property:all; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s; -moz-transition-timing-function:ease-in; -o-transition-timing-function:ease-in; -webkit-transition-timing-function:ease-in; transition-timing-function:ease-in; } .circle-percentage.circle-color-alt:after{ background-color:var(--bg-color-alt); } .circle-percentage .slice{ position:absolute; width:1em; height:1em; clip:rect(0em,1em,1em,0.5em); } .circle-percentage.p1 .bar{ -moz-transform:rotate(3.6deg); -ms-transform:rotate(3.6deg); -webkit-transform:rotate(3.6deg); transform:rotate(3.6deg); } .circle-percentage.p2 .bar{ -moz-transform:rotate(7.2deg); -ms-transform:rotate(7.2deg); -webkit-transform:rotate(7.2deg); transform:rotate(7.2deg); } .circle-percentage.p3 .bar{ -moz-transform:rotate(10.8deg); -ms-transform:rotate(10.8deg); -webkit-transform:rotate(10.8deg); transform:rotate(10.8deg); } .circle-percentage.p4 .bar{ -moz-transform:rotate(14.4deg); -ms-transform:rotate(14.4deg); -webkit-transform:rotate(14.4deg); transform:rotate(14.4deg); } .circle-percentage.p5 .bar{ -moz-transform:rotate(18deg); -ms-transform:rotate(18deg); -webkit-transform:rotate(18deg); transform:rotate(18deg); } .circle-percentage.p6 .bar{ -moz-transform:rotate(21.6deg); -ms-transform:rotate(21.6deg); -webkit-transform:rotate(21.6deg); transform:rotate(21.6deg); } .circle-percentage.p7 .bar{ -moz-transform:rotate(25.2deg); -ms-transform:rotate(25.2deg); -webkit-transform:rotate(25.2deg); transform:rotate(25.2deg); } .circle-percentage.p8 .bar{ -moz-transform:rotate(28.8deg); -ms-transform:rotate(28.8deg); -webkit-transform:rotate(28.8deg); transform:rotate(28.8deg); } .circle-percentage.p9 .bar{ -moz-transform:rotate(32.4deg); -ms-transform:rotate(32.4deg); -webkit-transform:rotate(32.4deg); transform:rotate(32.4deg); } .circle-percentage.p10 .bar{ -moz-transform:rotate(36deg); -ms-transform:rotate(36deg); -webkit-transform:rotate(36deg); transform:rotate(36deg); } .circle-percentage.p11 .bar{ -moz-transform:rotate(39.6deg); -ms-transform:rotate(39.6deg); -webkit-transform:rotate(39.6deg); transform:rotate(39.6deg); } .circle-percentage.p12 .bar{ -moz-transform:rotate(43.2deg); -ms-transform:rotate(43.2deg); -webkit-transform:rotate(43.2deg); transform:rotate(43.2deg); } .circle-percentage.p13 .bar{ -moz-transform:rotate(46.8deg); -ms-transform:rotate(46.8deg); -webkit-transform:rotate(46.8deg); transform:rotate(46.8deg); } .circle-percentage.p14 .bar{ -moz-transform:rotate(50.4deg); -ms-transform:rotate(50.4deg); -webkit-transform:rotate(50.4deg); transform:rotate(50.4deg); } .circle-percentage.p15 .bar{ -moz-transform:rotate(54deg); -ms-transform:rotate(54deg); -webkit-transform:rotate(54deg); transform:rotate(54deg); } .circle-percentage.p16 .bar{ -moz-transform:rotate(57.6deg); -ms-transform:rotate(57.6deg); -webkit-transform:rotate(57.6deg); transform:rotate(57.6deg); } .circle-percentage.p17 .bar{ -moz-transform:rotate(61.2deg); -ms-transform:rotate(61.2deg); -webkit-transform:rotate(61.2deg); transform:rotate(61.2deg); } .circle-percentage.p18 .bar{ -moz-transform:rotate(64.8deg); -ms-transform:rotate(64.8deg); -webkit-transform:rotate(64.8deg); transform:rotate(64.8deg); } .circle-percentage.p19 .bar{ -moz-transform:rotate(68.4deg); -ms-transform:rotate(68.4deg); -webkit-transform:rotate(68.4deg); transform:rotate(68.4deg); } .circle-percentage.p20 .bar{ -moz-transform:rotate(72deg); -ms-transform:rotate(72deg); -webkit-transform:rotate(72deg); transform:rotate(72deg); } .circle-percentage.p21 .bar{ -moz-transform:rotate(75.6deg); -ms-transform:rotate(75.6deg); -webkit-transform:rotate(75.6deg); transform:rotate(75.6deg); } .circle-percentage.p22 .bar{ -moz-transform:rotate(79.2deg); -ms-transform:rotate(79.2deg); -webkit-transform:rotate(79.2deg); transform:rotate(79.2deg); } .circle-percentage.p23 .bar{ -moz-transform:rotate(82.8deg); -ms-transform:rotate(82.8deg); -webkit-transform:rotate(82.8deg); transform:rotate(82.8deg); } .circle-percentage.p24 .bar{ -moz-transform:rotate(86.4deg); -ms-transform:rotate(86.4deg); -webkit-transform:rotate(86.4deg); transform:rotate(86.4deg); } .circle-percentage.p25 .bar{ -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); } .circle-percentage.p26 .bar{ -moz-transform:rotate(93.6deg); -ms-transform:rotate(93.6deg); -webkit-transform:rotate(93.6deg); transform:rotate(93.6deg); } .circle-percentage.p27 .bar{ -moz-transform:rotate(97.2deg); -ms-transform:rotate(97.2deg); -webkit-transform:rotate(97.2deg); transform:rotate(97.2deg); } .circle-percentage.p28 .bar{ -moz-transform:rotate(100.8deg); -ms-transform:rotate(100.8deg); -webkit-transform:rotate(100.8deg); transform:rotate(100.8deg); } .circle-percentage.p29 .bar{ -moz-transform:rotate(104.4deg); -ms-transform:rotate(104.4deg); -webkit-transform:rotate(104.4deg); transform:rotate(104.4deg); } .circle-percentage.p30 .bar{ -moz-transform:rotate(108deg); -ms-transform:rotate(108deg); -webkit-transform:rotate(108deg); transform:rotate(108deg); } .circle-percentage.p31 .bar{ -moz-transform:rotate(111.6deg); -ms-transform:rotate(111.6deg); -webkit-transform:rotate(111.6deg); transform:rotate(111.6deg); } .circle-percentage.p32 .bar{ -moz-transform:rotate(115.2deg); -ms-transform:rotate(115.2deg); -webkit-transform:rotate(115.2deg); transform:rotate(115.2deg); } .circle-percentage.p33 .bar{ -moz-transform:rotate(118.8deg); -ms-transform:rotate(118.8deg); -webkit-transform:rotate(118.8deg); transform:rotate(118.8deg); } .circle-percentage.p34 .bar{ -moz-transform:rotate(122.4deg); -ms-transform:rotate(122.4deg); -webkit-transform:rotate(122.4deg); transform:rotate(122.4deg); } .circle-percentage.p35 .bar{ -moz-transform:rotate(126deg); -ms-transform:rotate(126deg); -webkit-transform:rotate(126deg); transform:rotate(126deg); } .circle-percentage.p36 .bar{ -moz-transform:rotate(129.6deg); -ms-transform:rotate(129.6deg); -webkit-transform:rotate(129.6deg); transform:rotate(129.6deg); } .circle-percentage.p37 .bar{ -moz-transform:rotate(133.2deg); -ms-transform:rotate(133.2deg); -webkit-transform:rotate(133.2deg); transform:rotate(133.2deg); } .circle-percentage.p38 .bar{ -moz-transform:rotate(136.8deg); -ms-transform:rotate(136.8deg); -webkit-transform:rotate(136.8deg); transform:rotate(136.8deg); } .circle-percentage.p39 .bar{ -moz-transform:rotate(140.4deg); -ms-transform:rotate(140.4deg); -webkit-transform:rotate(140.4deg); transform:rotate(140.4deg); } .circle-percentage.p40 .bar{ -moz-transform:rotate(144deg); -ms-transform:rotate(144deg); -webkit-transform:rotate(144deg); transform:rotate(144deg); } .circle-percentage.p41 .bar{ -moz-transform:rotate(147.6deg); -ms-transform:rotate(147.6deg); -webkit-transform:rotate(147.6deg); transform:rotate(147.6deg); } .circle-percentage.p42 .bar{ -moz-transform:rotate(151.2deg); -ms-transform:rotate(151.2deg); -webkit-transform:rotate(151.2deg); transform:rotate(151.2deg); } .circle-percentage.p43 .bar{ -moz-transform:rotate(154.8deg); -ms-transform:rotate(154.8deg); -webkit-transform:rotate(154.8deg); transform:rotate(154.8deg); } .circle-percentage.p44 .bar{ -moz-transform:rotate(158.4deg); -ms-transform:rotate(158.4deg); -webkit-transform:rotate(158.4deg); transform:rotate(158.4deg); } .circle-percentage.p45 .bar{ -moz-transform:rotate(162deg); -ms-transform:rotate(162deg); -webkit-transform:rotate(162deg); transform:rotate(162deg); } .circle-percentage.p46 .bar{ -moz-transform:rotate(165.6deg); -ms-transform:rotate(165.6deg); -webkit-transform:rotate(165.6deg); transform:rotate(165.6deg); } .circle-percentage.p47 .bar{ -moz-transform:rotate(169.2deg); -ms-transform:rotate(169.2deg); -webkit-transform:rotate(169.2deg); transform:rotate(169.2deg); } .circle-percentage.p48 .bar{ -moz-transform:rotate(172.8deg); -ms-transform:rotate(172.8deg); -webkit-transform:rotate(172.8deg); transform:rotate(172.8deg); } .circle-percentage.p49 .bar{ -moz-transform:rotate(176.4deg); -ms-transform:rotate(176.4deg); -webkit-transform:rotate(176.4deg); transform:rotate(176.4deg); } .circle-percentage.p50 .bar{ -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); } .circle-percentage.p51 .bar{ -moz-transform:rotate(183.6deg); -ms-transform:rotate(183.6deg); -webkit-transform:rotate(183.6deg); transform:rotate(183.6deg); } .circle-percentage.p52 .bar{ -moz-transform:rotate(187.2deg); -ms-transform:rotate(187.2deg); -webkit-transform:rotate(187.2deg); transform:rotate(187.2deg); } .circle-percentage.p53 .bar{ -moz-transform:rotate(190.8deg); -ms-transform:rotate(190.8deg); -webkit-transform:rotate(190.8deg); transform:rotate(190.8deg); } .circle-percentage.p54 .bar{ -moz-transform:rotate(194.4deg); -ms-transform:rotate(194.4deg); -webkit-transform:rotate(194.4deg); transform:rotate(194.4deg); } .circle-percentage.p55 .bar{ -moz-transform:rotate(198deg); -ms-transform:rotate(198deg); -webkit-transform:rotate(198deg); transform:rotate(198deg); } .circle-percentage.p56 .bar{ -moz-transform:rotate(201.6deg); -ms-transform:rotate(201.6deg); -webkit-transform:rotate(201.6deg); transform:rotate(201.6deg); } .circle-percentage.p57 .bar{ -moz-transform:rotate(205.2deg); -ms-transform:rotate(205.2deg); -webkit-transform:rotate(205.2deg); transform:rotate(205.2deg); } .circle-percentage.p58 .bar{ -moz-transform:rotate(208.8deg); -ms-transform:rotate(208.8deg); -webkit-transform:rotate(208.8deg); transform:rotate(208.8deg); } .circle-percentage.p59 .bar{ -moz-transform:rotate(212.4deg); -ms-transform:rotate(212.4deg); -webkit-transform:rotate(212.4deg); transform:rotate(212.4deg); } .circle-percentage.p60 .bar{ -moz-transform:rotate(216deg); -ms-transform:rotate(216deg); -webkit-transform:rotate(216deg); transform:rotate(216deg); } .circle-percentage.p61 .bar{ -moz-transform:rotate(219.6deg); -ms-transform:rotate(219.6deg); -webkit-transform:rotate(219.6deg); transform:rotate(219.6deg); } .circle-percentage.p62 .bar{ -moz-transform:rotate(223.2deg); -ms-transform:rotate(223.2deg); -webkit-transform:rotate(223.2deg); transform:rotate(223.2deg); } .circle-percentage.p63 .bar{ -moz-transform:rotate(226.8deg); -ms-transform:rotate(226.8deg); -webkit-transform:rotate(226.8deg); transform:rotate(226.8deg); } .circle-percentage.p64 .bar{ -moz-transform:rotate(230.4deg); -ms-transform:rotate(230.4deg); -webkit-transform:rotate(230.4deg); transform:rotate(230.4deg); } .circle-percentage.p65 .bar{ -moz-transform:rotate(234deg); -ms-transform:rotate(234deg); -webkit-transform:rotate(234deg); transform:rotate(234deg); } .circle-percentage.p66 .bar{ -moz-transform:rotate(237.6deg); -ms-transform:rotate(237.6deg); -webkit-transform:rotate(237.6deg); transform:rotate(237.6deg); } .circle-percentage.p67 .bar{ -moz-transform:rotate(241.2deg); -ms-transform:rotate(241.2deg); -webkit-transform:rotate(241.2deg); transform:rotate(241.2deg); } .circle-percentage.p68 .bar{ -moz-transform:rotate(244.8deg); -ms-transform:rotate(244.8deg); -webkit-transform:rotate(244.8deg); transform:rotate(244.8deg); } .circle-percentage.p69 .bar{ -moz-transform:rotate(248.4deg); -ms-transform:rotate(248.4deg); -webkit-transform:rotate(248.4deg); transform:rotate(248.4deg); } .circle-percentage.p70 .bar{ -moz-transform:rotate(252deg); -ms-transform:rotate(252deg); -webkit-transform:rotate(252deg); transform:rotate(252deg); } .circle-percentage.p71 .bar{ -moz-transform:rotate(255.6deg); -ms-transform:rotate(255.6deg); -webkit-transform:rotate(255.6deg); transform:rotate(255.6deg); } .circle-percentage.p72 .bar{ -moz-transform:rotate(259.2deg); -ms-transform:rotate(259.2deg); -webkit-transform:rotate(259.2deg); transform:rotate(259.2deg); } .circle-percentage.p73 .bar{ -moz-transform:rotate(262.8deg); -ms-transform:rotate(262.8deg); -webkit-transform:rotate(262.8deg); transform:rotate(262.8deg); } .circle-percentage.p74 .bar{ -moz-transform:rotate(266.4deg); -ms-transform:rotate(266.4deg); -webkit-transform:rotate(266.4deg); transform:rotate(266.4deg); } .circle-percentage.p75 .bar{ -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); transform:rotate(270deg); } .circle-percentage.p76 .bar{ -moz-transform:rotate(273.6deg); -ms-transform:rotate(273.6deg); -webkit-transform:rotate(273.6deg); transform:rotate(273.6deg); } .circle-percentage.p77 .bar{ -moz-transform:rotate(277.2deg); -ms-transform:rotate(277.2deg); -webkit-transform:rotate(277.2deg); transform:rotate(277.2deg); } .circle-percentage.p78 .bar{ -moz-transform:rotate(280.8deg); -ms-transform:rotate(280.8deg); -webkit-transform:rotate(280.8deg); transform:rotate(280.8deg); } .circle-percentage.p79 .bar{ -moz-transform:rotate(284.4deg); -ms-transform:rotate(284.4deg); -webkit-transform:rotate(284.4deg); transform:rotate(284.4deg); } .circle-percentage.p80 .bar{ -moz-transform:rotate(288deg); -ms-transform:rotate(288deg); -webkit-transform:rotate(288deg); transform:rotate(288deg); } .circle-percentage.p81 .bar{ -moz-transform:rotate(291.6deg); -ms-transform:rotate(291.6deg); -webkit-transform:rotate(291.6deg); transform:rotate(291.6deg); } .circle-percentage.p82 .bar{ -moz-transform:rotate(295.2deg); -ms-transform:rotate(295.2deg); -webkit-transform:rotate(295.2deg); transform:rotate(295.2deg); } .circle-percentage.p83 .bar{ -moz-transform:rotate(298.8deg); -ms-transform:rotate(298.8deg); -webkit-transform:rotate(298.8deg); transform:rotate(298.8deg); } .circle-percentage.p84 .bar{ -moz-transform:rotate(302.4deg); -ms-transform:rotate(302.4deg); -webkit-transform:rotate(302.4deg); transform:rotate(302.4deg); } .circle-percentage.p85 .bar{ -moz-transform:rotate(306deg); -ms-transform:rotate(306deg); -webkit-transform:rotate(306deg); transform:rotate(306deg); } .circle-percentage.p86 .bar{ -moz-transform:rotate(309.6deg); -ms-transform:rotate(309.6deg); -webkit-transform:rotate(309.6deg); transform:rotate(309.6deg); } .circle-percentage.p87 .bar{ -moz-transform:rotate(313.2deg); -ms-transform:rotate(313.2deg); -webkit-transform:rotate(313.2deg); transform:rotate(313.2deg); } .circle-percentage.p88 .bar{ -moz-transform:rotate(316.8deg); -ms-transform:rotate(316.8deg); -webkit-transform:rotate(316.8deg); transform:rotate(316.8deg); } .circle-percentage.p89 .bar{ -moz-transform:rotate(320.4deg); -ms-transform:rotate(320.4deg); -webkit-transform:rotate(320.4deg); transform:rotate(320.4deg); } .circle-percentage.p90 .bar{ -moz-transform:rotate(324deg); -ms-transform:rotate(324deg); -webkit-transform:rotate(324deg); transform:rotate(324deg); } .circle-percentage.p91 .bar{ -moz-transform:rotate(327.6deg); -ms-transform:rotate(327.6deg); -webkit-transform:rotate(327.6deg); transform:rotate(327.6deg); } .circle-percentage.p92 .bar{ -moz-transform:rotate(331.2deg); -ms-transform:rotate(331.2deg); -webkit-transform:rotate(331.2deg); transform:rotate(331.2deg); } .circle-percentage.p93 .bar{ -moz-transform:rotate(334.8deg); -ms-transform:rotate(334.8deg); -webkit-transform:rotate(334.8deg); transform:rotate(334.8deg); } .circle-percentage.p94 .bar{ -moz-transform:rotate(338.4deg); -ms-transform:rotate(338.4deg); -webkit-transform:rotate(338.4deg); transform:rotate(338.4deg); } .circle-percentage.p95 .bar{ -moz-transform:rotate(342deg); -ms-transform:rotate(342deg); -webkit-transform:rotate(342deg); transform:rotate(342deg); } .circle-percentage.p96 .bar{ -moz-transform:rotate(345.6deg); -ms-transform:rotate(345.6deg); -webkit-transform:rotate(345.6deg); transform:rotate(345.6deg); } .circle-percentage.p97 .bar{ -moz-transform:rotate(349.2deg); -ms-transform:rotate(349.2deg); -webkit-transform:rotate(349.2deg); transform:rotate(349.2deg); } .circle-percentage.p98 .bar{ -moz-transform:rotate(352.8deg); -ms-transform:rotate(352.8deg); -webkit-transform:rotate(352.8deg); transform:rotate(352.8deg); } .circle-percentage.p99 .bar{ -moz-transform:rotate(356.4deg); -ms-transform:rotate(356.4deg); -webkit-transform:rotate(356.4deg); transform:rotate(356.4deg); } .circle-percentage.p100 .bar{ -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg); } /*.circle-percentage:hover{ cursor:default; } .circle-percentage:hover > span{ width:3.33em; line-height:3.33em; font-size:0.3em; color:#3c4761; } .circle-percentage:hover:after{ top:0.07em; left:0.07em; width:0.86em; height:0.86em; }*/ .circle-percentage.blue .bar,.circle-percentage.blue .fill{ border-color:#30bae7 !important; } .circle-percentage.blue:hover > span{ color:#3c4761; } .circle-percentage.pink .bar,.circle-percentage.pink .fill{ border-color:#d74680 !important; } .circle-percentage.pink:hover > span{ color:#3c4761; } .circle-percentage.green .bar,.circle-percentage.green .fill{ border-color:#15c7a8 !important; } .circle-percentage.green:hover > span{ color:#3c4761; } .circle-percentage.orange .bar,.circle-percentage.orange .fill{ border-color:#eb7d4b !important; } .circle-percentage.orange:hover > span{ color:#3c4761; } .circle-percentage.color-level-1 .bar,.circle-percentage.color-level-1 .fill{ border-color:#54c98f !important; } .circle-percentage.color-level-2 .bar,.circle-percentage.color-level-2 .fill{ border-color:#d8c737 !important; } .circle-percentage.color-level-3 .bar,.circle-percentage.color-level-3 .fill{ border-color:#cb9454 !important; } .circle-percentage.color-level-4 .bar,.circle-percentage.color-level-4 .fill{ border-color:#e87018 !important; } .circle-percentage.color-level-5 .bar,.circle-percentage.color-level-5 .fill{ border-color:#c41919 !important; } /* iPad __________________________________________________________*/ .ipad{ width:76.75276752767527%; padding-bottom:100%; position:relative; z-index:1; display:block; } .ipad.i-landscape{ width:100%; padding-bottom:76.75276752767527%; } .ipad:before{ content:""; position:absolute; background-image:url(../img/devices/ipad-frame-portrait.png); background-size:cover; width:100%; height:100%; z-index:5; left:0; } .ipad.i-landscape:before{ background-image:url(../img/devices/ipad-frame-landscape.png); } .ipad:after{ content:""; position:absolute; background-image:url(../img/devices/ipad-frame-portrait-shadow.png); background-size:cover; width:150%; height:150%; top:-25%; left:-25%; z-index:1; background-position:50%; } .ipad.i-landscape:after{ background-image:url(../img/devices/ipad-frame-landscape-shadow.png); } .ipad.ipad-shadow-sm:after{ opacity:0.75; } .ipad.ipad-shadow-xs:after{ opacity:0.5; } .ipad.ipad-shadow-xxs:after{ opacity:0.25; } .ipad > img, .ipad > .video-container, .ipad > .swiper{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:95%; height:95%; object-fit:cover; z-index:2; } .ipad > .swiper{ overflow:hidden; } .ipad .i-panel{ position:absolute; left:-100px; top:100px; z-index:50; border-radius:10px; line-height:1; z-index:1; } .ipad .i-panel.i-panel-landscape{ position:absolute; left:-150px; top:-50px; } .ipad .i-panel.front{ z-index:5; } .ipad .i-panel img{ position:relative; z-index:5; border-radius:10px; } .ipad .i-panel:after{ content:""; position:absolute; background-image:url(../img/devices/ipad-panel-shadow.png); background-size:cover; background-repeat:no-repeat; width:120%; height:110%; top:-17px; left:-40%; z-index:1; bottom:0; } /* iPhone __________________________________________________________*/ .iphone{ width:48.9292364990689%; padding-bottom:100%; position:relative; z-index:1; display:block; } .iphone.i-landscape{ width:100%; padding-bottom:48.9292364990689%; } .iphone:before{ content:""; position:absolute; background-image:url(../img/devices/iphone-frame-portrait.png); background-size:cover; width:100%; height:100%; z-index:5; left:0; } .iphone.i-landscape:before{ background-image:url(../img/devices/iphone-frame-landscape.png); } .iphone:after{ content:""; position:absolute; /*background-image:url(../img/devices/iphone-frame-portrait-shadow.png);*/ background-size:cover; width:150%; height:150%; top:-25%; left:-25%; z-index:1; background-position:50%; } .iphone.i-landscape:after{ /*background-image:url(../img/devices/iphone-frame-landscape-shadow.png);*/ } .iphone > img, .iphone > .video-container{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:98%; height:98%; object-fit:cover; z-index:2; border-radius:12%; overflow:hidden; } .iphone .i-panel{ position:absolute; left:-100px; top:100px; z-index:50; border-radius:10px; line-height:1; z-index:1; } .iphone .i-panel.i-panel-landscape{ position:absolute; left:-150px; top:-50px; } .iphone .i-panel.front{ z-index:5; } .iphone .i-panel img{ position:relative; z-index:5; border-radius:10px; } .iphone .i-panel:after{ content:""; position:absolute; background-image:url(../img/devices/ipad-panel-shadow.png); background-size:cover; background-repeat:no-repeat; width:120%; height:110%; top:-17px; left:-40%; z-index:1; bottom:0; } /* Macbook __________________________________________________________*/ .macbook{ position:relative; z-index:1; width:100%; padding-bottom:60.57494866529775%; } .macbook:before{ content:""; position:absolute; background-image:url(../img/devices/macbook.png); background-size:cover; width:100%; height:100%; z-index:2; left:0; } .macbook:after{ content:""; position:absolute; background-color:#000; -webkit-filter:blur(5px); filter:blur(5px); width:100%; height:1.974358974358974%; z-index:2; bottom:-25px; transform-origin:top center; } .macbook.macbook-shadow-right:after{ transform:rotate(4deg); transform-origin:top left; bottom:5px; } .macbook.macbook-shadow-left:after{ transform:rotate(-4deg); transform-origin:top right; bottom:5px; } .macbook > img, .macbook > .video-container, .macbook > .infinite-loop{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-53%,0); width:81%; height:88%; object-fit:cover; z-index:5; border:solid 1px rgba(0,0,0,0.25); border-top:solid 1px #000; border-left:solid 1px #000; z-index:5; } .macbook .macbook-screen, .macbook .macbook-screen{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-53%,0); width:81%; height:88%; -webkit-box-shadow:inset 0 0 60px rgba(0,0,0,0.5); box-shadow: inset 0 0 60px rgba(0,0,0,0.5); z-index:10; } .ipad .video-container, .iphone .video-container, .macbook .video-container{ background-color:#050505; } .ipad .video-container:after, .iphone .video-container:after, .macbook .video-container:after{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:#050505; z-index:20; content:""; transition:all 0.5s ease; opacity:1; } .ipad .video-container:before, .iphone .video-container:before, .macbook .video-container:before{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); z-index:25; content:""; margin-top:-20px; margin-left:-20px; height:40px; width:40px; border-radius:50%; -webkit-animation:rotation 0.5s infinite linear; animation:rotation 0.5s infinite linear; border-top:2px solid rgba(255,255,255,0.3); border-left:2px solid rgba(255,255,255,0); border-bottom:2px solid rgba(255,255,255,0); border-right:2px solid rgba(255,255,255,0); } .ipad .video-container.playing:after, .iphone .video-container.playing:after, .macbook .video-container.playing:after, .ipad .video-container.playing:before, .iphone .video-container.playing:before, .macbook .video-container.playing:before{ opacity:0; } .ipad .video-container.fadeOut:after, .iphone .video-container.fadeOut:after, .macbook .video-container.fadeOut:after{ opacity:1; } .video-container::before{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); z-index:25; content:""; margin-top:-20px; margin-left:-20px; height:40px; width:40px; border-radius:50%; -webkit-animation:rotation 0.5s infinite linear; animation:rotation 0.5s infinite linear; border-top:2px solid rgba(255,255,255,0.3); border-left:2px solid rgba(255,255,255,0); border-bottom:2px solid rgba(255,255,255,0); border-right:2px solid rgba(255,255,255,0); } .video-container.playing:after, .video-container.playing:before{ opacity:0; } .video-container.fadeOut:after{ opacity:1; } .ipad .content, .iphone .content, .macbook .content{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:97%; height:97%; object-fit:cover; z-index:2; border-radius:40px; z-index:10; } .ipad .content-bg, .iphone .content-bg, .macbook .content-bg{ position:absolute; background-color:rgba(16,16,16,1); top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:97%; height:97%; object-fit:cover; z-index:2; border-radius:40px; z-index:1; } .ipad .content h1, .iphone .content h1, .macbook .content h1{ font-size:60px; } .ipad .content > div, .iphone .content > div, .macbook .content > div{ position:absolute; top:50%; transform:translate3d(0,-50%,0); width:100%; padding:60px; } .ipad .infinite-loop, .iphone .infinite-loop, .macbook .infinite-loop{ background-color:#000; } .iphone.i-landscape .infinite-loop{ width:97%; height:94%; } .iphone .infinite-loop{ border-radius:30px; overflow:hidden; } .ipad .buttons, .iphone .buttons, .macbook .buttons{ position:absolute; bottom:-20px; left:50%; transform:translate3d(-50%,0,0); z-index:20; } .ipad .buttons .button, .iphone .buttons .button, .macbook .buttons .button{ background-color:#000; border:solid 1px #fff; padding:15px 40px; }/* Animate __________________________________________________________*/ .animate,[animate]{ opacity:0; } .animated{ opacity:1; } /*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .animated.infinite{ -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; } @-webkit-keyframes bounce{ from, 20%, 53%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 40%, 43%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0); } 70%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0); } 90%{ -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0); } } @keyframes bounce{ from, 20%, 53%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 40%, 43%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0); } 70%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0); } 90%{ -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0); } } .bounce{ -webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; transform-origin:center bottom; } @-webkit-keyframes flash{ from, 50%, to{ opacity:1; } 25%, 75%{ opacity:0; } } @keyframes flash{ from, 50%, to{ 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{ from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } 50%{ -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05); } to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } } @keyframes pulse{ from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } 50%{ -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05); } to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } } .pulse{ -webkit-animation-name:pulse; animation-name:pulse; } .pulse-loop{ -webkit-animation-name:pulse; animation-name:pulse; animation-iteration-count:infinite; -webkit-animation-duration:2s; animation-duration:2s; } @-webkit-keyframes pulsePOS{ from{sdsd -webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1); transform:translate3d(-50%,-50%,0) scale3d(1,1,1); } 50%{ -webkit-transform:translate3d(-50%,-50%,0) scale3d(1.05,1.05,1.05); transform:translate3d(-50%,-50%,0) scale3d(1.05,1.05,1.05); } to{ -webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1); transform:translate3d(-50%,-50%,0) scale3d(1,1,1); } } @keyframes pulsePOS{ from{ -webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1); transform:translate3d(-50%,-50%,0) scale3d(1,1,1); } 50%{ -webkit-transform:translate3d(-50%,-50%,0) scale3d(1.05,1.05,1.05); transform:translate3d(-50%,-50%,0) scale3d(1.05,1.05,1.05); } to{ -webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1); transform:translate3d(-50%,-50%,0) scale3d(1,1,1); } } .pulsePOS{ -webkit-animation-name:pulsePOS; animation-name:pulsePOS; } .pulse-loopPOS{ -webkit-animation-name:pulsePOS; animation-name:pulsePOS; animation-iteration-count:infinite; -webkit-animation-duration:2s; animation-duration:2s; } @-webkit-keyframes rubberBand{ from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } 30%{ -webkit-transform:scale3d(1.25,0.75,1); transform:scale3d(1.25,0.75,1); } 40%{ -webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1); } 50%{ -webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.85,1); } 65%{ -webkit-transform:scale3d(0.95,1.05,1); transform:scale3d(0.95,1.05,1); } 75%{ -webkit-transform:scale3d(1.05,0.95,1); transform:scale3d(1.05,0.95,1); } to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } } @keyframes rubberBand{ from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } 30%{ -webkit-transform:scale3d(1.25,0.75,1); transform:scale3d(1.25,0.75,1); } 40%{ -webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1); } 50%{ -webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.85,1); } 65%{ -webkit-transform:scale3d(0.95,1.05,1); transform:scale3d(0.95,1.05,1); } 75%{ -webkit-transform:scale3d(1.05,0.95,1); transform:scale3d(1.05,0.95,1); } to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } } .rubberBand{ -webkit-animation-name:rubberBand; animation-name:rubberBand; } @-webkit-keyframes shake{ from{ opacity:0; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } 10%, 30%, 50%, 70%, 90%{ -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0); } 20%, 40%, 60%, 80%{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0); } } @keyframes shake{ from{ opacity:0; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } 10%, 30%, 50%, 70%, 90%{ -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0); } 20%, 40%, 60%, 80%{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0); } } .shake{ -webkit-animation-name:shake; animation-name:shake; } @-webkit-keyframes headShake{ 0%{ -webkit-transform:translateX(0); transform:translateX(0); } 6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg); } 18.5%{ -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg); } 31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg); } 43.5%{ -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg); } 50%{ -webkit-transform:translateX(0); transform:translateX(0); } } @keyframes headShake{ 0%{ -webkit-transform:translateX(0); transform:translateX(0); } 6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg); } 18.5%{ -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg); } 31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg); } 43.5%{ -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg); } 50%{ -webkit-transform:translateX(0); transform:translateX(0); } } .headShake{ -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-name:headShake; animation-name:headShake; } @-webkit-keyframes swing{ 0%{ opacity:0; } 20%{ -webkit-transform:rotate3d(0,0,1,15deg); transform:rotate3d(0,0,1,15deg); } 40%{ -webkit-transform:rotate3d(0,0,1,-10deg); transform:rotate3d(0,0,1,-10deg); } 60%{ -webkit-transform:rotate3d(0,0,1,5deg); transform:rotate3d(0,0,1,5deg); } 80%{ -webkit-transform:rotate3d(0,0,1,-5deg); transform:rotate3d(0,0,1,-5deg); } to{ -webkit-transform:rotate3d(0,0,1,0deg); transform:rotate3d(0,0,1,0deg); opacity:1; } } @keyframes swing{ 0%{ opacity:0; } 20%{ -webkit-transform:rotate3d(0,0,1,15deg); transform:rotate3d(0,0,1,15deg); } 40%{ -webkit-transform:rotate3d(0,0,1,-10deg); transform:rotate3d(0,0,1,-10deg); } 60%{ -webkit-transform:rotate3d(0,0,1,5deg); transform:rotate3d(0,0,1,5deg); } 80%{ -webkit-transform:rotate3d(0,0,1,-5deg); transform:rotate3d(0,0,1,-5deg); } to{ -webkit-transform:rotate3d(0,0,1,0deg); transform:rotate3d(0,0,1,0deg); opacity:1; } } .swing{ -webkit-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing; } @-webkit-keyframes tada{ from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); opacity:0; } 10%, 20%{ -webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%, 50%, 70%, 90%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%, 60%, 80%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); opacity:1; } } @keyframes tada{ from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); opacity:0; } 10%, 20%{ -webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%, 50%, 70%, 90%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%, 60%, 80%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); opacity:1; } } .tada{ -webkit-animation-name:tada; animation-name:tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:0; } 15%{ -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30%{ -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45%{ -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60%{ -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75%{ -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } @keyframes wobble{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:0; } 15%{ -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30%{ -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45%{ -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60%{ -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75%{ -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } .wobble{ -webkit-animation-name:wobble; animation-name:wobble; } @-webkit-keyframes jello{ from{ opacity:0; } 11.1%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg); } 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg); } 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg); } 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg); } 66.6%{ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg); transform:skewX(-0.78125deg) skewY(-0.78125deg); } 77.7%{ -webkit-transform:skewX(0.390625deg) skewY(0.390625deg); transform:skewX(0.390625deg) skewY(0.390625deg); } 88.8%{ -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg); transform:skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello{ from{ opacity:0; } 11.1%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } 22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg); } 33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg); } 44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg); } 55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg); } 66.6%{ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg); transform:skewX(-0.78125deg) skewY(-0.78125deg); } 77.7%{ -webkit-transform:skewX(0.390625deg) skewY(0.390625deg); transform:skewX(0.390625deg) skewY(0.390625deg); } 88.8%{ -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg); transform:skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; transform-origin:center; } @-webkit-keyframes bounceIn{ from, 20%, 40%, 60%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0%{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3); } 20%{ -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1); } 40%{ -webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9); } 60%{ opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03); } 80%{ -webkit-transform:scale3d(0.97,0.97,0.97); transform:scale3d(0.97,0.97,0.97); } to{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } } @keyframes bounceIn{ from, 20%, 40%, 60%, 80%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0%{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3); } 20%{ -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1); } 40%{ -webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9); } 60%{ opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03); } 80%{ -webkit-transform:scale3d(0.97,0.97,0.97); transform:scale3d(0.97,0.97,0.97); } to{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } } .bounceIn{ -webkit-animation-duration:0.75s; animation-duration:0.75s; -webkit-animation-name:bounceIn; animation-name:bounceIn; } @-webkit-keyframes bounceInDown{ from, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0%{ opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0); } 60%{ opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0); } 75%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0); } 90%{ -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes bounceInDown{ from, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0%{ opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0); } 60%{ opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0); } 75%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0); } 90%{ -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .bounceInDown{ -webkit-animation-name:bounceInDown; animation-name:bounceInDown; } @-webkit-keyframes bounceInLeft{ from, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0%{ opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0); } 60%{ opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0); } 75%{ -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0); } 90%{ -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes bounceInLeft{ from, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0%{ opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0); } 60%{ opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0); } 75%{ -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0); } 90%{ -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .bounceInLeft{ -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft; } @-webkit-keyframes bounceInRight{ from, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } from{ opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0); } 60%{ opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0); } 75%{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0); } 90%{ -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes bounceInRight{ from, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } from{ opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0); } 60%{ opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0); } 75%{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0); } 90%{ -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .bounceInRight{ -webkit-animation-name:bounceInRight; animation-name:bounceInRight; } @-webkit-keyframes bounceInUp{ from, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } from{ opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0); } 60%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0); } 75%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); } 90%{ -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes bounceInUp{ from, 60%, 75%, 90%, to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } from{ opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0); } 60%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0); } 75%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); } 90%{ -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .bounceInUp{ -webkit-animation-name:bounceInUp; animation-name:bounceInUp; } @-webkit-keyframes bounceOut{ 20%{ -webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9); } 50%, 55%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1); } to{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3); } } @keyframes bounceOut{ 20%{ -webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9); } 50%, 55%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1); } to{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3); } } .bounceOut{ -webkit-animation-duration:0.75s; animation-duration:0.75s; -webkit-animation-name:bounceOut; animation-name:bounceOut; } @-webkit-keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); } 40%, 45%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0); } to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0); } } @keyframes bounceOutDown{ 20%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); } 40%, 45%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0); } to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0); } } .bounceOutDown{ -webkit-animation-name:bounceOutDown; animation-name:bounceOutDown; } @-webkit-keyframes bounceOutLeft{ 20%{ opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0); } to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0); } } @keyframes bounceOutLeft{ 20%{ opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0); } to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0); } } .bounceOutLeft{ -webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft; } @-webkit-keyframes bounceOutRight{ 20%{ opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0); } to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0); } } @keyframes bounceOutRight{ 20%{ opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0); } to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0); } } .bounceOutRight{ -webkit-animation-name:bounceOutRight; animation-name:bounceOutRight; } @-webkit-keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0); } 40%, 45%{ opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); } to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0); } } @keyframes bounceOutUp{ 20%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0); } 40%, 45%{ opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); } to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0); } } .bounceOutUp{ -webkit-animation-name:bounceOutUp; animation-name:bounceOutUp; } @-webkit-keyframes fadeIn{ from{ opacity:0; } to{ opacity:1; } } @keyframes fadeIn{ from{ opacity:0; } to{ opacity:1; } } .fadeIn{ -webkit-animation-name:fadeIn; animation-name:fadeIn; } @-webkit-keyframes fadeInDown{ from{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInDown{ from{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInDown{ -webkit-animation-name:fadeInDown; animation-name:fadeInDown; } @-webkit-keyframes fadeInDownSmall{ from{ opacity:0; -webkit-transform:translate3d(0,-80px,0); transform:translate3d(0,-80px,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInDownSmall{ from{ opacity:0; -webkit-transform:translate3d(0,-80px,0); transform:translate3d(0,-80px,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInDownSmall{ -webkit-animation-name:fadeInDownSmall; animation-name:fadeInDownSmall; } @-webkit-keyframes fadeInDownBig{ from{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInDownBig{ from{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInDownBig{ -webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig; } @-webkit-keyframes fadeInLeft{ from{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInLeft{ from{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInLeft{ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; } @-webkit-keyframes fadeInLeftSmall{ from{ opacity:0; -webkit-transform:translate3d(-80px,0,0); transform:translate3d(-80px,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInLeftSmall{ from{ opacity:0; -webkit-transform:translate3d(-80px,0,0); transform:translate3d(-80px,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInLeftSmall{ -webkit-animation-name:fadeInLeftSmall; animation-name:fadeInLeftSmall; -webkit-animation-duration:0.5s; animation-duration:0.5s; } @-webkit-keyframes fadeInLeftKeepY{ from{ opacity:0; -webkit-transform:translate3d(-100%,-50%,0); transform:translate3d(-100%,-50%,0); } to{ opacity:1; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); } } @keyframes fadeInLeftKeepY{ from{ opacity:0; -webkit-transform:translate3d(-100%,-50%,0); transform:translate3d(-100%,-50%,0); } to{ opacity:1; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); } } .fadeInLeftKeepY{ -webkit-animation-name:fadeInLeftKeepY; animation-name:fadeInLeftKeepY; } @-webkit-keyframes fadeInLeftBig{ from{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInLeftBig{ from{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInLeftBig{ -webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig; } @-webkit-keyframes fadeInRight{ from{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInRight{ from{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInRight{ -webkit-animation-name:fadeInRight; animation-name:fadeInRight; } @-webkit-keyframes fadeInRightSmall{ from{ opacity:0; -webkit-transform:translate3d(80px,0,0); transform:translate3d(80px,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInRightSmall{ from{ opacity:0; -webkit-transform:translate3d(80px,0,0); transform:translate3d(80px,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInRightSmall{ -webkit-animation-name:fadeInRightSmall; animation-name:fadeInRightSmall; -webkit-animation-duration:0.5s; animation-duration:0.5s; } @-webkit-keyframes fadeInRightKeepY{ from{ opacity:0; -webkit-transform:translate3d(100%,-50%,0); transform:translate3d(100%,-50%,0); } to{ opacity:1; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); } } @keyframes fadeInRightKeepY{ from{ opacity:0; -webkit-transform:translate3d(100%,-50%,0); transform:translate3d(100%,-50%,0); } to{ opacity:1; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); } } .fadeInRightKeepY{ -webkit-animation-name:fadeInRightKeepY; animation-name:fadeInRightKeepY; } @-webkit-keyframes fadeInRightKeepYReverse{ from{ opacity:1; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); } to{ opacity:0; -webkit-transform:translate3d(100%,-50%,0); transform:translate3d(100%,-50%,0); } } @keyframes fadeInRightKeepYReverse{ from{ opacity:1; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); } to{ opacity:0; -webkit-transform:translate3d(100%,-50%,0); transform:translate3d(100%,-50%,0); } } .fadeInRightKeepYReverse{ -webkit-animation-name:fadeInRightKeepYReverse; animation-name:fadeInRightKeepYReverse; } @-webkit-keyframes fadeInRightBig{ from{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInRightBig{ from{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInRightBig{ -webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig; } @-webkit-keyframes fadeInUp{ from{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInUp{ from{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInUp{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp; } @-webkit-keyframes fadeInUpCenter{ from{ opacity:0; -webkit-transform:translate3d(-50%,100%,0); transform:translate3d(-50%,100%,0); } to{ opacity:1; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } } @keyframes fadeInUpCenter{ from{ opacity:0; -webkit-transform:translate3d(-50%,100%,0); transform:translate3d(-50%,100%,0); } to{ opacity:1; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } } .fadeInUpCenter{ -webkit-animation-name:fadeInUpCenter; animation-name:fadeInUpCenter; } @-webkit-keyframes fadeInUpSmall{ from{ opacity:0; -webkit-transform:translate3d(0,80px,0); transform:translate3d(0,80px,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInUpSmall{ from{ opacity:0; -webkit-transform:translate3d(0,80px,0); transform:translate3d(0,80px,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .fadeInUpSmall{ -webkit-animation-name:fadeInUpSmall; animation-name:fadeInUpSmall; -webkit-animation-duration:0.5s; animation-duration:0.5s; } @-webkit-keyframes fadeInUpSmallBackdropBlur{ from{ opacity:0; -webkit-transform:translate3d(0,80px,0); transform:translate3d(0,80px,0); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); } } @keyframes fadeInUpSmallBackdropBlur{ from{ opacity:0; -webkit-transform:translate3d(0,80px,0); transform:translate3d(0,80px,0); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); } } .fadeInUpSmallBackdropBlur{ -webkit-animation-name:fadeInUpSmallBackdropBlur; animation-name:fadeInUpSmallBackdropBlur; -webkit-animation-duration:0.5s; animation-duration:0.5s; } @-webkit-keyframes fadeInUpBig{ from{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes fadeInUpBig{ from{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,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 fadeOut50{ from{ opacity:0.5; } to{ opacity:0; } } @keyframes fadeOut50{ from{ opacity:0.5; } to{ opacity:0; } } .fadeOut50{ -webkit-animation-name:fadeOut50; animation-name:fadeOut50; } @-webkit-keyframes fadeOutDown{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } } @keyframes fadeOutDown{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } } .fadeOutDown{ -webkit-animation-name:fadeOutDown; animation-name:fadeOutDown; } @-webkit-keyframes fadeOutDownBig{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0); } } @keyframes fadeOutDownBig{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0); } } .fadeOutDownBig{ -webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig; } @-webkit-keyframes fadeOutLeft{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } } @keyframes fadeOutLeft{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } } .fadeOutLeft{ -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0); } } @keyframes fadeOutLeftBig{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0); } } .fadeOutLeftBig{ -webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig; } @-webkit-keyframes fadeOutRight{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } } @keyframes fadeOutRight{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } } .fadeOutRight{ -webkit-animation-name:fadeOutRight; animation-name:fadeOutRight; } @-webkit-keyframes fadeOutRightBig{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0); } } @keyframes fadeOutRightBig{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0); } } .fadeOutRightBig{ -webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig; } @-webkit-keyframes fadeOutUp{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); } } @keyframes fadeOutUp{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); } } .fadeOutUp{ -webkit-animation-name:fadeOutUp; animation-name:fadeOutUp; } @-webkit-keyframes fadeOutUpBig{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0); } } @keyframes fadeOutUpBig{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0); } } .fadeOutUpBig{ -webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig; } @-webkit-keyframes flip{ from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg); transform:perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } 40%{ -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } 50%{ -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } 80%{ -webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95); transform:perspective(400px) scale3d(0.95,0.95,0.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } to{ -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } } @keyframes flip{ from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg); transform:perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } 40%{ -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } 50%{ -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } 80%{ -webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95); transform:perspective(400px) scale3d(0.95,0.95,0.95); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } to{ -webkit-transform:perspective(400px); transform:perspective(400px); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } } .animated.flip{ -webkit-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip; } @-webkit-keyframes flipInX{ from{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; } 40%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } 60%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1; } 80%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); transform:perspective(400px) rotate3d(1,0,0,-5deg); } to{ -webkit-transform:perspective(400px); transform:perspective(400px); } } @keyframes flipInX{ from{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; } 40%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } 60%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1; } 80%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); transform:perspective(400px) rotate3d(1,0,0,-5deg); } to{ -webkit-transform:perspective(400px); transform:perspective(400px); } } .flipInX{ -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInX; animation-name:flipInX; } @-webkit-keyframes flipInY{ from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; } 40%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); transform:perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } 60%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1; } 80%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); transform:perspective(400px) rotate3d(0,1,0,-5deg); } to{ -webkit-transform:perspective(400px); transform:perspective(400px); } } @keyframes flipInY{ from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; } 40%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); transform:perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } 60%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1; } 80%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); transform:perspective(400px) rotate3d(0,1,0,-5deg); } to{ -webkit-transform:perspective(400px); transform:perspective(400px); } } .flipInY{ -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipInY; animation-name:flipInY; } @-webkit-keyframes flipOutX{ from{ -webkit-transform:perspective(400px); transform:perspective(400px); } 30%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1; } to{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0; } } @keyframes flipOutX{ from{ -webkit-transform:perspective(400px); transform:perspective(400px); } 30%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1; } to{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0; } } .flipOutX{ -webkit-animation-duration:0.75s; animation-duration:0.75s; -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible !important; backface-visibility:visible !important; } @-webkit-keyframes flipOutY{ from{ -webkit-transform:perspective(400px); transform:perspective(400px); } 30%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1; } to{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0; } } @keyframes flipOutY{ from{ -webkit-transform:perspective(400px); transform:perspective(400px); } 30%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1; } to{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0; } } .flipOutY{ -webkit-animation-duration:0.75s; animation-duration:0.75s; -webkit-backface-visibility:visible !important; backface-visibility:visible !important; -webkit-animation-name:flipOutY; animation-name:flipOutY; } @-webkit-keyframes lightSpeedIn{ from{ -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0; } 60%{ -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1; } 80%{ -webkit-transform:skewX(-5deg); transform:skewX(-5deg); opacity:1; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } @keyframes lightSpeedIn{ from{ -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0; } 60%{ -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1; } 80%{ -webkit-transform:skewX(-5deg); transform:skewX(-5deg); opacity:1; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } .lightSpeedIn{ -webkit-animation-name:lightSpeedIn; animation-name:lightSpeedIn; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } @-webkit-keyframes lightSpeedOut{ from{ opacity:1; } to{ -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0; } } @keyframes lightSpeedOut{ from{ opacity:1; } to{ -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0; } } .lightSpeedOut{ -webkit-animation-name:lightSpeedOut; animation-name:lightSpeedOut; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; } @-webkit-keyframes rotateIn{ from{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0; } to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } @keyframes rotateIn{ from{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0; } to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } .rotateIn{ -webkit-animation-name:rotateIn; animation-name:rotateIn; } @-webkit-keyframes rotateInDownLeft{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } @keyframes rotateInDownLeft{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } .rotateInDownLeft{ -webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft; } @-webkit-keyframes rotateInDownRight{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } @keyframes rotateInDownRight{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } .rotateInDownRight{ -webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight; } @-webkit-keyframes rotateInUpLeft{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } @keyframes rotateInUpLeft{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } .rotateInUpLeft{ -webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft; } @-webkit-keyframes rotateInUpLeftPOS{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,45deg); transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,45deg); opacity:0; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); opacity:1; } } @keyframes rotateInUpLeftPOS{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,45deg); transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,45deg); opacity:0; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); opacity:1; } } .rotateInUpLeftPOS{ -webkit-animation-name:rotateInUpLeftPOS; animation-name:rotateInUpLeftPOS; } @-webkit-keyframes rotateInUpLeftReverse{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0; } } @keyframes rotateInUpLeftReverse{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0; } } .rotateInUpLeftReverse{ -webkit-animation-name:rotateInUpLeftReverse; animation-name:rotateInUpLeftReverse; } @-webkit-keyframes rotateInUpRight{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } @keyframes rotateInUpRight{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } } .rotateInUpRight{ -webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight; } @-webkit-keyframes rotateInUpRightPOS{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg); transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg); opacity:0; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); opacity:1; } } @keyframes rotateInUpRightPOS{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg); transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-90deg); opacity:0; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); opacity:1; } } .rotateInUpRightPOS{ -webkit-animation-name:rotateInUpRightPOS; animation-name:rotateInUpRightPOS; } @-webkit-keyframes rotateInUpRightReverse{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0; } } @keyframes rotateInUpRightReverse{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0; } } .rotateInUpRightReverse{ -webkit-animation-name:rotateInUpRightReverse; animation-name:rotateInUpRightReverse; } @-webkit-keyframes rotateOut{ from{ -webkit-transform-origin:center; transform-origin:center; opacity:1; } to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0; } } @keyframes rotateOut{ from{ -webkit-transform-origin:center; transform-origin:center; opacity:1; } to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0; } } .rotateOut{ -webkit-animation-name:rotateOut; animation-name:rotateOut; } @-webkit-keyframes rotateOutDownLeft{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0; } } @keyframes rotateOutDownLeft{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0; } } .rotateOutDownLeft{ -webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0; } } @keyframes rotateOutDownRight{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0; } } .rotateOutDownRight{ -webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0; } } @keyframes rotateOutUpLeft{ from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1; } to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0; } } .rotateOutUpLeft{ -webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,90deg); transform:rotate3d(0,0,1,90deg); opacity:0; } } @keyframes rotateOutUpRight{ from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1; } to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,90deg); transform:rotate3d(0,0,1,90deg); opacity:0; } } .rotateOutUpRight{ -webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight; } @-webkit-keyframes hinge{ 0%{ -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 20%, 60%{ -webkit-transform:rotate3d(0,0,1,80deg); transform:rotate3d(0,0,1,80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 40%, 80%{ -webkit-transform:rotate3d(0,0,1,60deg); transform:rotate3d(0,0,1,60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; } to{ -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0; } } @keyframes hinge{ 0%{ -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 20%, 60%{ -webkit-transform:rotate3d(0,0,1,80deg); transform:rotate3d(0,0,1,80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; } 40%, 80%{ -webkit-transform:rotate3d(0,0,1,60deg); transform:rotate3d(0,0,1,60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; } to{ -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0; } } .hinge{ -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-name:hinge; animation-name:hinge; } @-webkit-keyframes jackInTheBox{ from{ opacity:0; -webkit-transform:scale(0.1) rotate(30deg); transform:scale(0.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom; } 50%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg); } 70%{ -webkit-transform:rotate(3deg); transform:rotate(3deg); } to{ opacity:1; -webkit-transform:scale(1); transform:scale(1); } } @keyframes jackInTheBox{ from{ opacity:0; -webkit-transform:scale(0.1) rotate(30deg); transform:scale(0.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom; } 50%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg); } 70%{ -webkit-transform:rotate(3deg); transform:rotate(3deg); } to{ opacity:1; -webkit-transform:scale(1); transform:scale(1); } } .jackInTheBox{ -webkit-animation-name:jackInTheBox; animation-name:jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn{ from{ opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes rollIn{ from{ opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .rollIn{ -webkit-animation-name:rollIn; animation-name:rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); } } @keyframes rollOut{ from{ opacity:1; } to{ opacity:0; -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); } } .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; } @-webkit-keyframes zoomInDown{ from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomInDown{ from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomInDown{ -webkit-animation-name:zoomInDown; animation-name:zoomInDown; } @-webkit-keyframes zoomInLeft{ from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomInLeft{ from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomInLeft{ -webkit-animation-name:zoomInLeft; animation-name:zoomInLeft; } @-webkit-keyframes zoomInRight{ from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomInRight{ from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomInRight{ -webkit-animation-name:zoomInRight; animation-name:zoomInRight; } @-webkit-keyframes zoomInUp{ from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomInUp{ from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomInUp{ -webkit-animation-name:zoomInUp; animation-name:zoomInUp; } @-webkit-keyframes zoomOut{ from{ opacity:1; } 50%{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3); } to{ opacity:0; } } @keyframes zoomOut{ from{ opacity:1; } 50%{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3); } to{ opacity:0; } } .zoomOut{ -webkit-animation-name:zoomOut; animation-name:zoomOut; } @-webkit-keyframes zoomOutDown{ 40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } to{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomOutDown{ 40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } to{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomOutDown{ -webkit-animation-name:zoomOutDown; animation-name:zoomOutDown; } @-webkit-keyframes zoomOutLeft{ 40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to{ opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px,0,0); transform:scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center; } } @keyframes zoomOutLeft{ 40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to{ opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px,0,0); transform:scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center; } } .zoomOutLeft{ -webkit-animation-name:zoomOutLeft; animation-name:zoomOutLeft; } @-webkit-keyframes zoomOutRight{ 40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to{ opacity:0; -webkit-transform:scale(0.1) translate3d(2000px,0,0); transform:scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center; } } @keyframes zoomOutRight{ 40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to{ opacity:0; -webkit-transform:scale(0.1) translate3d(2000px,0,0); transform:scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center; } } .zoomOutRight{ -webkit-animation-name:zoomOutRight; animation-name:zoomOutRight; } @-webkit-keyframes zoomOutUp{ 40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } to{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } @keyframes zoomOutUp{ 40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } to{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } } .zoomOutUp{ -webkit-animation-name:zoomOutUp; animation-name:zoomOutUp; } @-webkit-keyframes slideInDown{ from{ -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes slideInDown{ from{ -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .slideInDown{ -webkit-animation-name:slideInDown; animation-name:slideInDown; } @-webkit-keyframes slideInLeft{ from{ -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes slideInLeft{ from{ -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .slideInLeft{ -webkit-animation-name:slideInLeft; animation-name:slideInLeft; } @-webkit-keyframes slideInLeftPOS{ from{ -webkit-transform:translate3d(-150%,-50%,0); transform:translate3d(-150%,-50%,0); visibility:visible; } to{ -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } } @keyframes slideInLeftPOS{ from{ -webkit-transform:translate3d(-150%,-50%,0); transform:translate3d(-150%,-50%,0); visibility:visible; } to{ -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } } .slideInLeftPOS{ -webkit-animation-name:slideInLeftPOS; animation-name:slideInLeftPOS; } @-webkit-keyframes slideInRight{ from{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes slideInRight{ from{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .slideInRight{ -webkit-animation-name:slideInRight; animation-name:slideInRight; } @-webkit-keyframes slideInRightPOS{ from{ -webkit-transform:translate3d(50%,-50%,0); transform:translate3d(50%,-50%,0); visibility:visible; } to{ -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } } @keyframes slideInRightPOS{ from{ -webkit-transform:translate3d(50%,-50%,0); transform:translate3d(50%,-50%,0); visibility:visible; } to{ -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } } .slideInRightPOS{ -webkit-animation-name:slideInRightPOS; animation-name:slideInRightPOS; } @-webkit-keyframes slideInUp{ from{ -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes slideInUp{ from{ -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible; } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .slideInUp{ -webkit-animation-name:slideInUp; animation-name:slideInUp; } @-webkit-keyframes slideInUpPOS{ from{ -webkit-transform:translate3d(-50%,50%,0); transform:translate3d(-50%,0%,0); visibility:visible; } to{ -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } } @keyframes slideInUpPOS{ from{ -webkit-transform:translate3d(-50%,50%,0); transform:translate3d(-50%,50%,0); visibility:visible; } to{ -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); } } .slideInUpPOS{ -webkit-animation-name:slideInUpPOS; animation-name:slideInUpPOS; } @-webkit-keyframes slideOutDown{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ visibility:hidden; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } } @keyframes slideOutDown{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ visibility:hidden; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); } } .slideOutDown{ -webkit-animation-name:slideOutDown; animation-name:slideOutDown; } @-webkit-keyframes slideOutLeft{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ visibility:hidden; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } } @keyframes slideOutLeft{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ visibility:hidden; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); } } .slideOutLeft{ -webkit-animation-name:slideOutLeft; animation-name:slideOutLeft; } @-webkit-keyframes slideOutRight{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } } @keyframes slideOutRight{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } } .slideOutRight{ -webkit-animation-name:slideOutRight; animation-name:slideOutRight; } @-webkit-keyframes slideOutUp{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); } } @keyframes slideOutUp{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); } } .slideOutUp{ -webkit-animation-name:slideOutUp; animation-name:slideOutUp; } @-webkit-keyframes updown{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 50%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes updown{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } 50%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .updown{ -webkit-animation-name:updown; animation-name:updown; animation-iteration-count:infinite; -webkit-animation-duration:1.5s; animation-duration:1.5s; } @-webkit-keyframes fadeInScale{ from{ transform:scale(1.75,1.75); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } @keyframes fadeInScale{ from{ transform:scale(1.75,1.75); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } .fadeInScale{ -webkit-animation-name:fadeInScale; animation-name:fadeInScale; animation-fill-mode:backwards; } @-webkit-keyframes fadeInScaleReverse{ from{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } to{ transform:scale(1.75,1.75); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } } @keyframes fadeInScaleReverse{ from{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } to{ transform:scale(1.75,1.75); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } } .fadeInScaleReverse{ -webkit-animation-name:fadeInScaleReverse; animation-name:fadeInScaleReverse; animation-fill-mode:forwards; } @-webkit-keyframes fadeOutScale{ from{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } to{ transform:scale(0.75,0.75); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } } @keyframes fadeOutScale{ from{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } to{ transform:scale(0.75,0.75); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } } .fadeOutScale{ -webkit-animation-name:fadeOutScale; animation-name:fadeOutScale; animation-fill-mode:forwards; opacity:1; } @-webkit-keyframes fadeInScaleSM{ from{ transform:scale(1.75,1.75); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } @keyframes fadeInScaleSM{ from{ transform:scale(1.25,1.25); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } .fadeInScaleSM{ -webkit-animation-name:fadeInScaleSM; animation-name:fadeInScaleSM; animation-fill-mode:backwards; } @-webkit-keyframes fadeInScaleUp{ from{ transform:scale(0.25,0.25); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } @keyframes fadeInScaleUp{ from{ transform:scale(0.25,0.25); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } .fadeInScaleUp{ -webkit-animation-name:fadeInScaleUp; animation-name:fadeInScaleUp; animation-fill-mode:backwards; } @-webkit-keyframes fadeInScaleLeftCorner{ from{ transform:scale(0,0) translate3d(-100%,100%,0); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1) translate3d(0,0,0); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } @keyframes fadeInScaleLeftCorner{ from{ transform:scale(0,0) translate3d(-100%,100%,0); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1) translate3d(0,0,0); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } .fadeInScaleLeftCorner{ -webkit-animation-name:fadeInScaleLeftCorner; animation-name:fadeInScaleLeftCorner; animation-fill-mode:backwards; } @-webkit-keyframes fadeInScaleRightCorner{ from{ transform:scale(0,0) translate3d(100%,100%,0); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1) translate3d(0,0,0); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } @keyframes fadeInScaleRightCorner{ from{ transform:scale(0,0) translate3d(100%,100%,0); -webkit-filter:blur(5px); filter:blur(5px); opacity:0; } to{ transform:scale(1,1) translate3d(0,0,0); -webkit-filter:blur(0); filter:blur(0); opacity:1; } } .fadeInScaleRightCorner{ -webkit-animation-name:fadeInScaleRightCorner; animation-name:fadeInScaleRightCorner; animation-fill-mode:backwards; } @-webkit-keyframes floating{ 0%{ transform:translate3d(0,0,0); } 50%{ transform:translate3d(0,-20px,0); } 100%{ transform:translate3d(0,0,0); } } @keyframes floating{ 0%{ transform:translate3d(0,0,0); } 50%{ transform:translate3d(0,-20px,0); } 100%{ transform:translate3d(0,0,0); } } .floating{ -webkit-animation:floating 4s ease-in-out infinite; animation:floating 4s ease-in-out infinite; } /** initial setup **/ .nano{ position :relative; width :100%; height :100%; overflow :hidden; } .nano > .nano-content{ position :absolute; overflow :scroll; overflow-x :hidden; top :0; right :0; bottom :0; left :0; padding-right:10px; scrollbar-width:none; } .nano > .nano-content:focus{ outline:thin dotted; } .nano > .nano-content::-webkit-scrollbar{ display:none; } .has-scrollbar > .nano-content::-webkit-scrollbar{ display:block; } .nano > .nano-pane{ background :rgba(0,0,0,.15); position :absolute; width :10px; right :0; top :0; bottom :0; visibility :hidden\9;/* Target only IE7 and IE8 with this hack */ opacity :.01; -webkit-transition :.2s; -moz-transition :.2s; -o-transition :.2s; transition :.2s; -webkit-border-radius :5px; border-radius :5px; } .nano > .nano-pane > .nano-slider{ background:#444; background:rgba(0,0,0,.5); position :relative; margin :0 1px; -webkit-border-radius :3px; border-radius :3px; } .nano:hover > .nano-pane,.nano-pane.active,.nano-pane.flashed{ visibility :visible\9;/* Target only IE7 and IE8 with this hack */ opacity :0.99; } /* Parallax __________________________________________________________*/ .parallax-img{ will-change:transform; } .parallax-img-center{ object-fit:cover; object-position:center; width:100%; } /* LG */ @media (max-width:1600px){ .parallax-img-lg-right{ object-position:right!important; } } /* MD */ @media (max-width:1200px){ .parallax-img-md-right{ object-position:right!important; } } /* SM */ @media (max-width:992px){ .parallax-img-sm-right{ object-position:right!important; } } /* XS */ @media (max-width:768px){ .parallax-img-xs-right{ object-position:right!important; } }/* Sticky __________________________________________________________*/ .sticky-container{ overflow:hidden; position:relative; } .sticky{ position:relative; z-index:10; } .sticky.sticked{ position:fixed; transform:translate3d(0,0,0); } .sticky.absolute{ position:absolute; } .sticky-placeholder{ } /* Breakpoint SM */ @media (max-width:992px) { .sticky{ background-color:var(--bg-color); left:0; width:100%; height:var(--header-height); overflow:hidden; display:flex; align-items:center; border-top:solid 1px var(--border-color); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.06); box-shadow: 0 0 10px rgba(0,0,0,0.06); } .sticky ul{ overflow-x:auto; white-space:nowrap; } .sticky ul li{ display:inline-block; } .sticky ul li a{ border-radius:30px; font-weight:600; } .sticky.sticked{ padding:0; } }/* Panels __________________________________________________________*/ [data-panel]:hover{ cursor:pointer; } .panel{ position:fixed; transition:all 0.3s ease; transform:translateX(300px); right:0; top:0; bottom:0; width:300px; background-color:var(--bg-color); z-index:200; -webkit-box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); overflow-y:auto; } .panel-w40{ width:40%; transform:translateX(100%); } .panel-w50{ width:50%; transform:translateX(100%); } .panel-fixed-w500{ width:500px; transform:translateX(100%); } /* MD */ @media (min-width:1201px){ #panel-cart{ width:500px; transform:translateX(500px); } } .panel.no-ani{ transition:all 0s ease; } .panel.left{ right:auto; left:0; transform:translateX(-300px); padding-bottom:20px; } .panel.top{ right:0; left:0; top:0; height:auto; min-height:100px; width:100%; transform:translateY(-200px); } .panel.bottom{ right:0; left:0; top:auto; bottom:0; height:auto; min-height:200px; width:100%; transform:translateY(200px); } .panel.in{ transform:translateX(0)!important; } .panel.left .wrapper, .panel.right .wrapper{ padding-bottom:20px; } .panel-close{ display:none; top:10px; right:25px; font-size:24px; } /* SM */ @media (max-width:1500px){ .panel-w50, .panel-w40{ width:100%; } .panel-close{ display:block; } } /* SM */ @media (max-width:992px){ .panel{ height:-webkit-fill-available; } } /* Panel Responsive __________________________________________________________*/ .panel .logo{ margin:30px 30px 30px 30px!important; } .panel ul > li > a{ display:block; text-align:left; padding:9px 70px!important; position:relative; font-size:15px; font-weight:600; } .panel ul > li > a:after{ position:absolute; content:""; top:50%; left:0; transform:translate3d(-50px,-50%,0); width:50px; height:2px; background-image:linear-gradient(to right,var(--main-color),var(--secondary-color)); transition:all 0.3s ease; } .panel ul > li > a.active:after{ transform:translate3d(0,-50%,0); } .panel ul > li > ul{ max-height:0; overflow:hidden; transition:max-height 1s cubic-bezier(0,1,0,1); display:none; } .panel ul > li.active > ul{ max-height:1000px; transition:max-height 1s ease-in-out; } .panel ul > li > ul > li > a{ display:block; text-align:left; padding:6px 20px 6px 90px!important; position:relative; font-size:12px; font-weight:400; } /* Gamecards __________________________________________________________*/ .game-card{ position:relative; z-index:1; width:100%; padding-bottom:150%; perspective:1000px; transition:transform 0.4s; } .game-card .cover{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; overflow:hidden; background-image:linear-gradient(120deg,#f6d365 0%,#fda085 100%); background-size:cover; background-position:center center; box-shadow:none; perspective-origin:50% 50%; transform-style:preserve-3d; transform-origin:center; will-change:transform; transition:transform 0.5s,filter 0.35s; /* Gloss */ } .game-card .cover .gloss{ position:absolute; pointer-events:none; top:0; left:0; width:20em; height:20em; margin-left:-6em; margin-top:-17em; background:radial-gradient(circle farthest-corner at 50% 50%,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.5) 33%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%); opacity:0; will-change:transform; transition:opacity 0.21s ease-in-out; } .game-card:hover{ transform:scale(1.2); z-index:2; } .game-card:hover .cover{ box-shadow:0px 20px 32px 1px rgba(0,0,0,0.5); transition:none; } .game-card.shadow-xs:hover .cover{ box-shadow:0px 10px 12px 1px rgba(0,0,0,0.5); } .game-card:hover .cover .gloss{ opacity:0.5; }/* Swiper __________________________________________________________*/ /*.swiper-wrapper{ margin-bottom:30px; } .swiper.lg .swiper-wrapper{ margin-bottom:40px; } .swiper.xl .swiper-wrapper{ margin-bottom:40px; } .swiper.xxl .swiper-wrapper{ margin-bottom:40px; }*/ .swiper .swiper-slide .swiper-img{ object-fit:cover; object-position:center; width:100%; height:300px; border-radius:4px; } .swiper .video-container{ object-fit:cover; object-position:center; width:100%; height:300px; border-radius:4px; overflow:hidden; } .swiper.lg .swiper-slide .swiper-img, .swiper.lg .video-container, .swiper.lg .swiper-slide{ height:350px; } .swiper.xl .swiper-slide .swiper-img, .swiper.xl .video-container, .swiper.xl .swiper-slide{ height:400px; } .swiper.xxl .swiper-slide .swiper-img, .swiper.xxl .video-container, .swiper.xxl .swiper-slide{ height:450px; } .swiper-slide{ padding-right:16px; position:relative; } .swiper-slide .video-container{ width:100%; } .swiper-slide:last-of-type{ /*padding-right:16px !important; padding-right:0 !important;*/ } .swiper-pagination-bullet-active{ opacity:1; background:#fff; } .swiper-slide .infos{ position:absolute; bottom:0; left:16px; right:0; z-index:10; color:#fff; line-height:1; margin:10px; -webkit-transform:translate3d(0,0,0); } .swiper-slide .shadow-bottom{ left:0; right:0; width:auto; border-bottom-left-radius:4px; border-bottom-right-radius:4px; } .swiper.activeClass .swiper-container{ overflow:visible; } .swiper.activeClass .swiper-slide > div{ padding:15px; transition:all 0.3s ease; overflow:hidden; margin-left:10px; cursor:pointer; overflow:hidden; } .swiper-slide.activeClass > div{ -webkit-box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); transform:translateY(-50px); background-color:#fff; } .swiper-button-next, .swiper-button-prev{ color:#fff; background-color:transparent; border:solid 2px #fff; border-radius:50%; width:80px; height:80px; -webkit-transform:translate3d(0,0,0); } .swiper-button-disabled{ background-color:transparent; color:#fff; opacity:0.2!important; } .swiper-button-prev{ left:30px; top:100px; } .swiper-button-next{ right:30px; top:100px; } .swiper-slide{ align-self:stretch; height:auto; line-height:0; } .swiper-slide .video-container{ object-fit:cover; object-position:center; width:100%; height:100%; } .swiper-slide .video-container video{ position:absolute; top:0; left:0; right:0; bottom:0; background-size:100% 100%; background-color:#000; background-position:center center; object-fit:cover; outline:0; } .swiper-banner{ width:100%; height:400px; border-radius:4px; background-color:#000; display:flex; align-items:center; padding:30px 60px; line-height:1.2; } .swiper-banner .banner-content{ flex-grow:1; max-width:60%; } .swiper-banner .banner-content > *{ color:inherit; } .swiper-banner .banner-img{ height:120px; flex-shrink:1; margin-left:auto; border-radius:6px; } /* LG */ @media (max-width:1600px){ .swiper-button-prev{ left:30px; top:100px; } .swiper-button-next{ right:30px; top:100px; } } /* MD */ @media (max-width:1200px){ .swiper-button-prev{ left:30px; top:100px; } .swiper-button-next{ right:30px; top:100px; } } /* SM */ @media (max-width:992px){ .swiper-slide{ padding-left:0; } .swiper-slide .video-container{ left:0; } .swiper-button-next, .swiper-button-prev{ width:40px; height:40px; } .swiper-button-next::after,.swiper-button-prev::after{ font-size:20px; } .swiper-button-prev{ left:15px; } .swiper-button-next{ right:15px; } .swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:30px; -webkit-transform:translate3d(0,0,0); z-index:99999; } } /* XS */ @media (max-width:768px){ .swiper-slide{ padding-left:0; } .swiper-slide .video-container{ left:0; } .swiper.activeClass .swiper-slide > div{ -webkit-box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); transform:translateY(-50px); background-color:#fff; } } .swiper-left-xl .swiper-container{ padding-left:50px; }/* CALENDAR __________________________________________________________*/ .calendar-component{ text-align:left; width:100%; height:391px; display:inline-block; box-shadow:0 10px 30px rgba(118,166,240,.15); border-radius:10px; padding:20px; background:#FFF; color:#333; } .calendar .calendar-header{ overflow:hidden; position:relative; padding:20px 10px; background-color:var(--bg-color); text-align:center; } .calendar .calendar-header .month-title{ text-transform:capitalize; } .calendar .prevMonth, .calendar .nextMonth{ position:absolute; cursor:pointer; width:40px; height:40px; text-align:center; line-height:40px; top:50%; transform:translate3d(0,-50%,0); font-size:14px; border-radius:2px; } .calendar .prevMonth{ left:20px; } .calendar .nextMonth{ right:20px; } .calendar .prevMonth:hover, .calendar .nextMonth:hover{ background:var(--color-red); color:#FFF; } .calendar .month h3{ text-align:center; font-size:26px; margin:0 0 10px 0; text-transform:capitalize; } .calendar .weekday, .calendar .day{ display:inline-block; width:14.28571428571429%; height:100px; line-height:100px; text-align:center; } .calendar ul.days{ margin-right:-7px; } .calendar ul.days li.day{ position:relative; cursor:pointer; border:solid 1px var(--color-border); margin-top:-1px; margin-left:-1px; } .calendar ul.days li.day:nth-child(7n+7){ border-right:0; } .calendar ul.days li.day > div{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); } .calendar ul.days li.day:hover{ background:var(--color-blue-dark); color:#FFF; } .calendar ul.days li.day.today{ color:#000; } .calendar ul.days li.day.today:hover{ color:#fff; } .calendar ul.days li.day.today:before{ position:absolute; content:"I dag"; position:absolute; top:0; left:0; font-size:10px; transform:translate3d(0,0,0); line-height:1; padding:10px; opacity:1; color:var(--color-blue-dark); } .calendar ul.days li.day.today:hover:before{ color:#fff; } .calendar ul.days li.day.occupied, .calendar ul.days li.day.occupied:hover{ cursor:not-allowed; background:var(--bg-faded); color:rgba(0,0,0,0.5); } .calendar ul.days li.day.occupied:after{ position:absolute; content:"Ikke tilgængelig"; position:absolute; top:0; right:0; font-size:10px; transform:translate3d(0,0,0); line-height:1; padding:10px; opacity:0.5; } .calendar ul.days li.day.outdated, .calendar ul.days li.day.outdated:hover{ cursor:not-allowed; background:var(--bg-faded); color:rgba(0,0,0,0.1); background: linear-gradient(to top left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.8px), rgba(0,0,0,0.05) 50%, rgba(0,0,0,0) calc(50% + 0.8px), rgba(0,0,0,0) 100%), linear-gradient(to top right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.8px), rgba(0,0,0,0.05) 50%, rgba(0,0,0,0) calc(50% + 0.8px), rgba(0,0,0,0) 100%),rgba(0,0,0,0.035); } .calendar ul.days li.day.outdated:after{ content:""!important; } .calendar .blank-day{ visibility:hidden; } /* MD */ @media (max-width:1200px){ .calendar .weekday,.calendar .day{ height:60px; line-height:60px; } .calendar ul.days li.day.occupied::after{ font-family:"Font Awesome 5 Pro"; content:"\f05e"; font-style:normal; font-weight:500; left:50%; transform:translate3d(-50%,0,0); } .calendar ul.days li.day.occupied::before{ display:none; } } /* CALENDAR __________________________________________________________*/ .calendar-list{ overflow-x:auto; white-space:nowrap; margin:0 50px; background-color:#fff; padding:15px 0; border-bottom:solid 1px rgba(0,0,0,0.15); } .calendar-list .year{ display:inline-block; text-transform:uppercase; position:relative; margin-right:20px; } .calendar-list .year .year-title{ position:absolute; top:0; left:0; font-weight:700; font-size:24px; color:var(--color-main); opacity:0.35; } .calendar-list .year .year-title.active{ opacity:1; } .calendar-list .year .month-title{ display:inline-block; text-transform:uppercase; margin-right:2px; margin-top:40px; padding:4px 10px; border-radius:6px; color:var(--color-main); opacity:0.5; font-weight:500; } .calendar-list .year .month-title:hover{ cursor:pointer; background-color:var(--bg-faded); } .calendar-list .year .month-title.active{ background-color:#000; opacity:1; color:#fff; } .calendar-list-events{ } .calendar-list-events .event{ display:none; overflow:hidden; width:100%; margin-bottom:10px; min-height:300px; position:relative; } .calendar-list-events .event img{ object-fit:cover; object-position:center; width:100%; min-height:300px; width:400px; margin-right:20px; border-radius:6px; float:left; } .calendar-list-events .event .info{ float:left; background-color:var(--bg-faded); width:calc(100% - 420px); min-height:300px; padding:40px; border-radius:6px; overflow:hidden; } .calendar-list-events .event .info .title{ font-weight:700; font-size:24px; } .calendar-list-events .event .info .date{ font-weight:500; font-size:16px; margin:5px 0 10px; opacity:0.5; } .calendar-list-events-empty{ display:none; } /* MD */ @media (max-width:1200px){ .calendar-list{ margin:15px; } .calendar-list-events .event img{ width:100%; height:200px; margin-right:0; } .calendar-list-events .event .info{ width:100%; height:auto; } } /* LIGHTBOX __________________________________________________________*/ img[data-lightbox]:hover{ cursor:pointer; } #lightbox{ position:fixed; z-index:500; left:0; top:0; width:100vw; height:100vh; height:-webkit-fill-available; overflow:auto; padding:10px; text-align:center; } #lightbox #lightbox-content{ width:100%; height:100%; position:relative; } #lightbox #lightbox-target{ width:calc(100% - 150px); height:100%; margin:0 auto; position:relative; z-index:10; } #lightbox #lightbox-target #lightbox-img-container{ width:100%; height:100%; object-fit:cover; object-position:center; position:absolute; left:0; top:0; overflow-y:auto; } #lightbox #lightbox-target #lightbox-img-container img{ max-width:100%; object-fit:cover; object-position:center; position:relative; } #lightbox .title{ color:#fff; position:absolute; z-index:10; top:-20px; left:50%; transform:translate3d(-50%,0,0); } #lightbox #lightbox-bg{ background-color:rgba(0,0,0,0.8); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); position:fixed; z-index:5; left:0; top:0; width:100%; height:100%; padding:100px; text-align:center; } #lightbox .lightbox-arrow{ position:absolute; top:0; height:100%; left:0; color:#fff; font-size:40px; z-index:20; /*display:none;*/ padding:0 40px; } #lightbox .lightbox-arrow i{ position:absolute; top:50%; transform:translate3d(0,-50%,0); color:#fff; font-size:40px; } #lightbox .lightbox-arrow.out{ opacity:0.2; } #lightbox .lightbox-arrow[data-type='next']{ left:auto; right:0; } #lightbox .lightbox-download{ position:absolute; color:#fff; font-size:30px; bottom:20px; right:20px; background-color:var(--color-blue); border-radius:6px; padding:10px 30px; z-index:12; } #lightbox .lightbox-download:hover{ cursor:pointer; background-color:var(--color-blue-alt); } #lightbox #lightbox-download-responsive, #lightbox #lightbox-download-responsive.active{ display:none!important; } #lightbox #lightbox-download-desktop{ display:none!important; } #lightbox #lightbox-download-desktop.active{ display:block!important; } #lightbox #lightbox-close{ position:absolute; z-index:15; top:10px; right:10px; padding:0; font-size:40px; color:#000; background-color:#fff; border-radius:50%; text-align:center; width:60px; height:60px; line-height:60px; -webkit-box-shadow:0 0 60px rgba(0,0,0,0.5); box-shadow: 0 0 60px rgba(0,0,0,0.5); } /* MD */ @media (max-width:1200px){ #lightbox #lightbox-target #lightbox-img-container{ height:calc(100% - 60px); top:60px; } #lightbox{ padding:0; padding-top:0; overflow:hidden; } #lightbox:after{ position:absolute; top:0; left:0; width:100%; height:60px; background-color:#000; z-index:5; content:""; } #lightbox #lightbox-download-responsive{ display:none!important; } #lightbox #lightbox-download-responsive.active{ display:block!important; } #lightbox #lightbox-download-desktop, #lightbox #lightbox-download-desktop.active{ display:none!important; } #lightbox-content{ position:absolute; padding:0; left:0; height:auto; top:50%; transform:translate3d(0,-50%,0); z-index:11; } #lightbox #lightbox-target{ max-width:100%; width:100%; height:100%; } #lightbox .lightbox-arrow{ top:30px; height:auto; left:-10px; } #lightbox .lightbox-arrow[data-type='next']{ left:30px; right:auto; } #lightbox .lightbox-arrow i{ font-size:24px; } #lightbox .lightbox-download{ position:fixed; left:50%; transform:translate3d(-50%,0,0); } #lightbox #lightbox-close{ top:5px; right:20px; font-size:30px; width:50px; height:50px; line-height:50px; background-color:transparent; color:#fff; -webkit-box-shadow:none; box-shadow: none; } #lightbox #lightbox-bg{ background-color:rgba(0,0,0,1); -webkit-backdrop-filter:none; backdrop-filter:none; } }/* Toast __________________________________________________________*/ .toast{ background:#d6d8d9; border-radius:3px; box-shadow:2px 2px 3px rgba(0,0,0,.1); cursor:default; margin-bottom:20px; /*opacity:0;*/ position:fixed; padding:15px; /*transition:opacity .5s ease-in-out,transform .5s ease-in-out;*/ width:auto; will-change:opacity,transform; z-index:999999999; font-size:0.9rem; will-change:transform; -moz-animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .toast i{ margin-right:5px; } .toast.center:not(.top):not(.bottom){ top:50%; left:50%; transform:translate3d(-50%,-50%,0); -webkit-animation:toastCenter 0.25s linear; animation:toastCenter 0.25s linear; } @-webkit-keyframes toastCenter{ from{ transform:translate3d(-50%,-50%,0) scale3d(2,2,2); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-50%,-50%,0) scale3d(1,1,1); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @keyframes toastCenter{ from{ transform:translate3d(-50%,-50%,0) scale3d(2,2,2); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-50%,-50%,0) scale3d(1,1,1); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } /* TOP */ .toast.top{ top:0; left:50%; right:auto; transform:translate3d(-50%,-100px,0); -webkit-animation:toastTop 0.25s linear; animation:toastTop 0.25s linear; -moz-animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .toast.top.out{ -webkit-animation:toastTopOut 0.25s linear; animation:toastTopOut 0.25s linear; } @-webkit-keyframes toastTop{ from{ transform:translate3d(-50%,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-50%,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @keyframes toastTop{ from{ transform:translate3d(-50%,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-50%,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @-webkit-keyframes toastTopOut{ from{ transform:translate3d(-50%,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(-50%,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } @keyframes toastTopOut{ from{ transform:translate3d(-50%,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(-50%,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } .toast.top.left{ top:0; left:0; transform:translate3d(-10px,-100px,0); -webkit-animation:toastTopLeft 0.25s linear; animation:toastTopLeft 0.25s linear; -moz-animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .toast.top.left.out{ -webkit-animation:toastTopLeftOut 0.25s linear; animation:toastTopLeftOut 0.25s linear; } @-webkit-keyframes toastTopLeft{ from{ transform:translate3d(10px,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @keyframes toastTopLeft{ from{ transform:translate3d(10px,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @-webkit-keyframes toastTopLeftOut{ from{ transform:translate3d(10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(10px,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } @keyframes toastTopLeftOut{ from{ transform:translate3d(10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(10px,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } .toast.top.right{ top:0; right:0; left:auto; transform:translate3d(-10px,-100px,0); -webkit-animation:toastTopRight 0.25s linear; animation:toastTopRight 0.25s linear; -moz-animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .toast.top.right.out{ -webkit-animation:toastTopRightOut 0.25s linear; animation:toastTopRightOut 0.25s linear; } @-webkit-keyframes toastTopRight{ from{ transform:translate3d(-10px,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @keyframes toastTopRight{ from{ transform:translate3d(-10px,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @-webkit-keyframes toastTopRightOut{ from{ transform:translate3d(-10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(-10px,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } @keyframes toastTopRightOut{ from{ transform:translate3d(-10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(-10px,-100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } /* BOTTOM */ .toast.bottom{ bottom:0; left:50%; right:auto; transform:translate3d(-50%,100px,0); -webkit-animation:toastBottom 0.25s linear; animation:toastBottom 0.25s linear; -moz-animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .toast.bottom.out{ -webkit-animation:toastBottomOut 0.25s linear; animation:toastBottomOut 0.25s linear; } @-webkit-keyframes toastBottom{ from{ transform:translate3d(-50%,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-50%,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @keyframes toastBottom{ from{ transform:translate3d(-50%,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-50%,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @-webkit-keyframes toastBottomOut{ from{ transform:translate3d(-50%,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(-50%,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } @keyframes toastBottomOut{ from{ transform:translate3d(-50%,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(-50%,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } .toast.bottom.left{ bottom:0; left:0; transform:translate3d(-10px,100px,0); -webkit-animation:toastBottomLeft 0.25s linear; animation:toastBottomLeft 0.25s linear; -moz-animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .toast.bottom.left.out{ -webkit-animation:toastBottomLeftOut 0.25s linear; animation:toastBottomLeftOut 0.25s linear; } @-webkit-keyframes toastBottomLeft{ from{ transform:translate3d(10px,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @keyframes toastBottomLeft{ from{ transform:translate3d(10px,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @-webkit-keyframes toastBottomLeftOut{ from{ transform:translate3d(10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(10px,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } @keyframes toastBottomLeftOut{ from{ transform:translate3d(10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(10px,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } .toast.bottom.right{ bottom:0; right:0; left:auto; transform:translate3d(-10px,100px,0); -webkit-animation:toastBottomRight 0.25s linear; animation:toastBottomRight 0.25s linear; -moz-animation-fill-mode:both; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .toast.bottom.right.out{ -webkit-animation:toastBottomRightOut 0.25s linear; animation:toastBottomRightOut 0.25s linear; } @-webkit-keyframes toastBottomRight{ from{ transform:translate3d(-10px,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @keyframes toastBottomRight{ from{ transform:translate3d(-10px,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(-10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @-webkit-keyframes toastBottomRightOut{ from{ transform:translate3d(-10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(-10px,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } @keyframes toastBottomRightOut{ from{ transform:translate3d(-10px,10px,0); opacity:1; -webkit-filter:blur(0); filter:blur(0); } to{ transform:translate3d(-10px,100px,0); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } } .toast.success{ background:var(--color-green); color:#fff; } .toast.warning{ background:var(--color-yellow); color:#000; } .toast.info{ background:var(--color-blue); color:#fff; } .toast.error{ background:var(--color-red); color:#fff; } .toast.show{ opacity:1; transition:opacity .5s ease-in-out,transform .5s ease-in-out; } .toast .close{ cursor:pointer; font-size:24px; position:absolute; right:14px; top:50%; transform:translate3d(0,-50%,0); width:16px; line-height:1; } #toast-mask{ position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.6); z-index:99999999; transition:opacity 0.5s ease-out; transform:translate3d(0,0,0); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); } /* Breakpoint MD Down */ @media (max-width:991px) { .toast{ width:93%!important; left:0!important; right:0!important; transform:translate3d(3%,0,0)!important; -webkit-animation:toastResponsive 0.35s linear!important; animation:toastResponsive 0.35s linear!important; } .toast.bottom{ bottom:0!important; } .toast.top{ top:auto!important; bottom:0!important; } } @-webkit-keyframes toastResponsive{ from{ transform:translate3d(3%,0,0) scale3d(2,2,2); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(3%,0,0) scale3d(1,1,1); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } @keyframes toastResponsive{ from{ transform:translate3d(3%,0,0) scale3d(2,2,2); opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } to{ transform:translate3d(3%,0,0) scale3d(1,1,1); opacity:1; -webkit-filter:blur(0); filter:blur(0); } } /* Tooltip __________________________________________________________*/ [data-tooltip]:hover{ cursor:help; } .tooltip{ position:absolute; z-index:3000; background-color:#000; color:#fff; font-size:11px; border-radius:10px; padding:10px; top:0; left:0; max-width:200px; line-height:1.3; } .tooltip.bottom:after{ bottom:100%; left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0,0,0,0); border-bottom-color:#000; border-width:5px; margin-left:-5px; } .tooltip.top:after{ top:100%; left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0,0,0,0); border-top-color:#000; border-width:5px; margin-left:-5px; } .tooltip.left:after{ left:100%; top:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0,0,0,0); border-left-color:#000; border-width:5px; margin-top:-5px; } .tooltip.right:after{ right:100%; top:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0,0,0,0); border-right-color:#000; border-width:5px; margin-top:-5px; } /* ICON POP UP __________________________________________________________*/ #IconPopup{ position:fixed; bottom:100px; right:75px; z-index:2000; transition:opacity 0.5s ease-out; transform:translate3d(0,200px,0); -webkit-backdrop-filter:blur(3px) grayscale(25%); backdrop-filter:blur(3px) grayscale(25%); opacity:1; transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55); } #IconPopup.in{ opacity:1; transform:translate3d(0,0,0); } #IconPopup > div{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:75px; height:75px; } #IconPopup .checkmark{ stroke:green; stroke-dashoffset:745.74853515625; stroke-dasharray:745.74853515625; animation:dash 2s ease-out both; } @keyframes dash{ 0%{ stroke-dashoffset:745.74853515625; } 100%{ stroke-dashoffset:0; } } /* MD */ @media (max-width:1200px){ #IconPopup{ bottom:auto; top:30px; transform:translate3d(-50%,-50px,0); } #IconPopup > div{ width:40px; height:40px; } }/* COOKIE CONSENT __________________________________________________________*/ #cookie-consent{ position:fixed; z-index:200; background-color:#fff; width:768px; max-width:100%; padding:30px; bottom:20px; left:50%; transform:translate3d(-50%,0,0); border-radius:10px; -webkit-box-shadow:0 0 30px 0px rgba(0,0,0,0.15); box-shadow:0 0 30px 0px rgba(0,0,0,0.15); font-size:12px; display:flex; align-items:center; } #cookie-consent .icon{ width:40px; height:40px; border-radius:50%; background-color:#d4ebfd; position:relative; display:block; flex-basis:40px; flex-grow:0; flex-shrink:0; } #cookie-consent .icon i{ font-size:10px; width:25px; height:25px; line-height:25px; text-align:center; color:#fff; border-radius:50%; background-color:var(--main-color); position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); } #cookie-consent p{ margin:0 10px 0 10px; line-height:1.5; } #cookie-consent .button{ font-weight:700; font-size:13px; } #cookie-consent a{ color:var(--main-color); } @media (max-width:768px){ #cookie-consent{ text-align:left; transform:none; left:0; bottom:0; align-items:center; border-radius:0; padding:10px; } #cookie-consent .icon{ display:none; } #cookie-consent p{ margin:0 5px 0 0; } }/* Accordion __________________________________________________________*/ ul.accordion li{ border-bottom:solid 1px rgba(0,0,0,0.1); overflow:hidden; } ul.accordion li .question{ color:var(--color-text); font-weight:700; font-size:16px; opacity:0.7; padding:20px 40px 20px 0; position:relative; } ul.accordion li .question:after{ font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; content:"\f13a"; position:absolute; top:15px; right:0; opacity:0.3; } ul.accordion li.active .question:after{ content:"\f139"; opacity:1; } ul.accordion li .question:hover{ opacity:1; cursor:pointer; } ul.accordion li.active .question{ color:var(--main-color); opacity:1; } ul.accordion li .answer{ max-height:0; overflow:hidden; transition:max-height 0.5s cubic-bezier(0,1,0,1); } ul.accordion li.active .answer{ max-height:1000px; transition:max-height 1s ease-in-out; } /* MD */ @media (max-width:1200px){ ul.accordion li .question{ font-size:14px; padding:15px 30px 15px 0; } } /* ACCORDION NANO __________________________________________________________*/ ul.accordion-nano li{ } ul.accordion-nano li .accordion-nano-content{ display:none; } /*ul.accordion-nano li .accordion-nano-content{ max-height:0; overflow:hidden; transition:max-height 0.2s ease-out; } ul.accordion-nano li.open .accordion-nano-content{ max-height:10000px; }*//* Sticky Headers __________________________________________________________*/ .sticky-helper, .sticky-header{ background-color:#fff; border-bottom:solid 1px rgba(0,0,0,0.15); border-top:solid 1px rgba(0,0,0,0.15); font-size:13px; font-weight:600; padding:10px; } .sticky-helper{ z-index:90; top:70px; transform:translate3d(0,0,0); margin-top:0; -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); border-top:solid 1px transparent; } /* SM */ @media (max-width:992px){ .sticky-helper, .sticky-header{ background-color:var(--bg-faded); border-bottom:solid 1px rgba(0,0,0,0.1); border-top:solid 1px transparent; font-size:12px; padding:8px 10px; } } .sticky-header-hidden{visibility:hidden;} .sticky-header-wrap{position:relative;} .sticky-helper{position:absolute;}/* `h2` is probably not necessary in your case *//* Video __________________________________________________________*/ .video-container{ position:relative; top:0; left:0; width:100%; height:100%; z-index:2; background-color:transparent; } .video-container video{ position:absolute; right:0; bottom:0; top:0; width:100%; height:calc(100% + 1px);/* FIX UNWANTED BOTTOM BORDER */ min-height:calc(100% + 1px);/* FIX UNWANTED BOTTOM BORDER */ background-size:100% 100%; background-color:transparent; background-position:center center; object-fit:cover; z-index:0; outline:none; } .video-container .mute{ position:absolute; top:8px; right:8px; background-color:rgba(0,0,0,0.5); color:#fff; border-radius:4px; padding:5px 10px; text-align:center; z-index:10; width:40px; -webkit-transform:translateZ(10px); } .video-container .fullscreen{ position:absolute; top:8px; left:8px; background-color:rgba(0,0,0,0.5); color:#fff; border-radius:4px; padding:5px 10px; text-align:center; z-index:10; width:40px; -webkit-transform:translateZ(10px); } .video-container .video-loader{ position:absolute; z-index:15; width:100%; height:100%; z-index:10; } /*body.light .video-container .video-loader{ background-color:#fff; }*/ .video-container .video-loader > div:not(.video-placeholder){ position:absolute; text-align:center; color:#fff; font-size:20px; left:50%; top:50%; transform:translate3d(-50%,-50%,0); z-index:6; } .video-container .video-loader.light > div{ color:#000; } .video-container .video-loader > div .video-loader-progress{ font-size:50px; font-weight:300; opacity:0.3; } .video-container .video-loader > div .video-loader-progress.video-loader-progress-loading{ opacity:1; } .video-container .video-loader > div .video-loader-progress i{ position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); text-align:center; } .video-container .video-placeholder{ background-size:cover; background-position:center center; position:absolute; width:100%; height:100%; top:0; left:0; z-index:5; transform:translate3d(0,0,0); } .video-container .video-placeholder:after{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.5); } /* VOLUME __________________________________________________________*/ .volume{ --line:#fff; --line-width:6px; --duration:.5s; position:relative; cursor:pointer; -webkit-tap-highlight-color:transparent; } .volume input{ display:none; } .volume input + svg{ display:block; fill:none; stroke:var(--line); stroke-linecap:round; stroke-linejoin:round; stroke-width:var(--line-width); width:25px; height:22px; } .volume input + svg path{ -webkit-animation:var(--name) var(--duration) ease forwards; animation:var(--name) var(--duration) ease forwards; } .volume input + svg path:nth-child(2){ stroke-dashoffset:1px; } .volume input + svg path:nth-child(3){ stroke-dashoffset:1px; } .volume input:checked + svg path:nth-child(1){ --name:shape; } .volume input:checked + svg path:nth-child(2){ --name:small; } .volume input:checked + svg path:nth-child(3){ --name:large; } .volume input:not(:checked) + svg path:nth-child(1){ --name:shape-r; } .volume input:not(:checked) + svg path:nth-child(2){ --name:small-r; } .volume input:not(:checked) + svg path:nth-child(3){ --name:large-r; } @-webkit-keyframes small{ 0%,30%{ stroke-dasharray:0 0 30px 64px; } 40%{ stroke-dashoffset:16px; } 80%,100%{ stroke-dashoffset:1px; } 70%{ stroke-dasharray:0 43px 30px 64px; } 100%{ stroke-dasharray:0 39px 30px 64px; } } @keyframes small{ 0%,30%{ stroke-dasharray:0 0 30px 64px; } 40%{ stroke-dashoffset:16px; } 80%,100%{ stroke-dashoffset:1px; } 70%{ stroke-dasharray:0 43px 30px 64px; } 100%{ stroke-dasharray:0 39px 30px 64px; } } @-webkit-keyframes small-r{ 0%{ stroke-dasharray:0 39px 30px 64px; } 0%,40%{ stroke-dashoffset:1px; } 70%{ stroke-dashoffset:16px; } 70%,100%{ stroke-dasharray:0 0 30px 64px; } } @keyframes small-r{ 0%{ stroke-dasharray:0 39px 30px 64px; } 0%,40%{ stroke-dashoffset:1px; } 70%{ stroke-dashoffset:16px; } 70%,100%{ stroke-dasharray:0 0 30px 64px; } } @-webkit-keyframes large{ 0%,30%{ stroke-dasharray:0 0 50px 84px; } 40%{ stroke-dashoffset:16px; } 80%,100%{ stroke-dashoffset:1px; } 70%{ stroke-dasharray:0 82px 32px 84px; } 100%{ stroke-dasharray:0 78px 32px 84px; } } @keyframes large{ 0%,30%{ stroke-dasharray:0 0 50px 84px; } 40%{ stroke-dashoffset:16px; } 80%,100%{ stroke-dashoffset:1px; } 70%{ stroke-dasharray:0 82px 32px 84px; } 100%{ stroke-dasharray:0 78px 32px 84px; } } @-webkit-keyframes large-r{ 0%{ stroke-dasharray:0 78px 32px 84px; } 0%,40%{ stroke-dashoffset:1px; } 70%{ stroke-dashoffset:16px; } 70%,100%{ stroke-dasharray:0 0 50px 84px; } } @keyframes large-r{ 0%{ stroke-dasharray:0 78px 32px 84px; } 0%,40%{ stroke-dashoffset:1px; } 70%{ stroke-dashoffset:16px; } 70%,100%{ stroke-dasharray:0 0 50px 84px; } } @-webkit-keyframes shape{ 0%{ stroke-dasharray:60px 0 184px; stroke-dashoffset:0; } 70%{ stroke-dasharray:63px 51px 184px; stroke-dashoffset:21px; } 100%{ stroke-dasharray:59px 47px 184px; stroke-dashoffset:17px; } } @keyframes shape{ 0%{ stroke-dasharray:60px 0 184px; stroke-dashoffset:0; } 70%{ stroke-dasharray:63px 51px 184px; stroke-dashoffset:21px; } 100%{ stroke-dasharray:59px 47px 184px; stroke-dashoffset:17px; } } @-webkit-keyframes shape-r{ 0%{ stroke-dasharray:59px 47px 184px; stroke-dashoffset:17px; } 100%{ stroke-dasharray:60px 0 184px; stroke-dashoffset:0; } } @keyframes shape-r{ 0%{ stroke-dasharray:59px 47px 184px; stroke-dashoffset:17px; } 100%{ stroke-dasharray:60px 0 184px; stroke-dashoffset:0; } } /* VIDEO PLAYER __________________________________________________________*/ .video-player{ position:absolute; width:100%; height:100%; } .video-player .video-player-mask{ position:absolute; left:0; top:0; right:0; bottom:0; background-color:transparent; z-index:10; } .video-player video{ z-index:5; } .video-player video{ width:100%; height:100%; position:relative; } .video-player video{ position:absolute; right:0; bottom:0; top:0; width:100%; height:100%; background-size:100% 100%; background-color:#000; background-position:center center; object-fit:cover; z-index:0; outline:0; } .video-player .mute{ position:absolute; top:15px; left:calc(100% - 55px);/* 55px = This width + the desired 15px from right*/ background-color:rgba(0,0,0,.5); color:#fff; border-radius:4px; padding:5px 10px; text-align:center; z-index:10; width:40px; -webkit-transform:translate3d(0,0,10px); transition:all 0.3s; } .video-player.muted .mute{ right:auto; top:50%; left:50%; -webkit-transform:translate3d(-50%,-50%,0); width:60px; background-color:transparent; } @-webkit-keyframes VolumePulse{ from{ -webkit-transform:scale3d(1,1,1) translate3d(-50%,-50%,0); transform:scale3d(1,1,1) translate3d(-50%,calc(-50% + 20px),0); background-color:rgba(0,0,0,0.5); } 50%{ -webkit-transform:scale3d(1.1,1.1,1) translate3d(-50%,-50%,0); transform:scale3d(1.1,1.1,1) translate3d(-50%,calc(-50% + 20px),0); background-color:#000; } to{ -webkit-transform:scale3d(1,1,1) translate3d(-50%,-50%,0); transform:scale3d(1,1,1) translate3d(-50%,calc(-50% + 20px),0); background-color:rgba(0,0,0,0.5); } } @keyframes VolumePulse{ from{ -webkit-transform:scale3d(1,1,1) translate3d(-50%,-50%,0); transform:scale3d(1,1,1) translate3d(-50%,calc(-50% + 20px),0); background-color:rgba(0,0,0,0.5); } 50%{ -webkit-transform:scale3d(1.1,1.1,1) translate3d(-50%,-50%,0); transform:scale3d(1.1,1.1,1) translate3d(-50%,calc(-50% + 20px),0); background-color:#000; } to{ -webkit-transform:scale3d(1,1,1) translate3d(-50%,-50%,0); transform:scale3d(1,1,1) translate3d(-50%,calc(-50% + 20px),0); background-color:rgba(0,0,0,0.5); } } .video-player.muted .mute{ -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; } .video-player.muted .mute:before{ content:""; position:absolute; -webkit-animation:VolumePulse 1.5s ease infinite; -moz-animation:VolumePulse 1.5s ease infinite; -ms-animation:VolumePulse 1.5s ease infinite; -o-animation:VolumePulse 1.5s ease infinite; animation:VolumePulse 1.5s ease infinite; -webkit-transform-origin:0 0; transform-origin:0 0; transform-style:preserve-3d; background-color:#000; width:100px; height:100px; border-radius:50%; z-index:-1; } .video-player.muted .mute input + svg{ width:50px; height:44px; } .video-player .fullscreen{ position:absolute; top:15px; left:15px; background-color:rgba(0,0,0,.5); color:#fff; border-radius:4px; padding:5px 10px; text-align:center; z-index:15; width:40px; -webkit-transform:translateZ(10px); } .video-player .restart{ position:absolute; display:none; top:50%; left:50%; -webkit-transform:translate3d(-50%,-50%,0); font-size:40px; color:#fff; z-index:15; background-color:rgba(0,0,0,0.5); border-radius:50%; width:80px; height:80px; text-align:center; line-height:80px; } .video-player .restart.active{ display:block; } /* Dropdown __________________________________________________________*/ .dropdown{ position:relative; z-index:500; } .dropdown .dropdown-menu{ position:absolute; background-color:var(--bg-color); border:solid 1px var(--color-border); left:0; display:none; border-radius:6px; min-width:300px; text-align:left; } .dropdown .dropdown-menu.right{ left:auto!important; right:0!important; } .dropdown.active .dropdown-menu{ display:block; border-bottom:solid 1px var(--border-color); background-color:var(--bg-color); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.06); box-shadow:0 0 10px rgba(0,0,0,0.06); } .dropdown .dropdown-menu ul > li a, .dropdown .dropdown-menu ul > li > span, .dropdown .dropdown-menu ul > li > input[type="button"]{ display:flex; align-items:center; padding:4px 12px; font-size:12px; text-align:left; color:var(--text-color); border:0; } .dropdown .dropdown-menu ul > li > input[type="button"]{ width:100%; display:block; padding:5px 10px; } .dropdown .dropdown-menu ul > li > input[type="button"]:hover{ cursor:pointer; background:#323b4a; color:#fff; } .dropdown .dropdown-menu ul > li:hover{ background-color:var(--bg-color-alt); cursor:pointer; } .dropdown .dropdown-menu ul > li.seperator{ border-top:solid 1px rgba(0,0,0,0.15); padding:0; padding:0; } /* Modal __________________________________________________________*/ .modal-mask{ position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.8); z-index:1000; transition:opacity 0.5s ease-out; transform:translate3d(0,0,0); -webkit-backdrop-filter:blur(3px) grayscale(25%); backdrop-filter:blur(3px) grayscale(25%); opacity:0; transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55); } .modal-mask.in{ opacity:1; } .modal{ position:fixed; top:50%; left:50%; transform:translate3d(-50%,-50%,0) scale3d(0.65,0.65,0.65); transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55); z-index:1005; background-color:var(--bg-color); border-radius:10px; min-width:300px; max-width:100%; min-height:150px; max-height:90%; height:760px; width:1200px; overflow:hidden; opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } .modal.in{ transform:translate3d(-50%,-50%,0) scale3d(1,1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } .modal .modal-content{ padding:60px 60px 60px 60px; } .modal .modal-content{ padding:60px 30px 60px 30px; } .modal .modal-header{ position:absolute; line-height:1; z-index:100; border-bottom:solid 1px var(--border-color); height:40px; background-color:var(--bg-color); width:100%; left:0; top:0; right:0; overflow:hidden; display:block; } .modal .modal-header .modal-close{ position:absolute; top:50%; transform:translate3d(0,-50%,0); right:20px; width:50px; } .modal .modal-header .modal-close:hover{ cursor:pointer; } .modal .modal-header .modal-close:after{ position:absolute; content:"\f00d"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; font-size:20px; right:0; top:50%; transform:translate3d(0,-50%,0); } .modal .modal-title{ position:absolute; top:50%; transform:translate3d(0,-50%,0); left:20px; z-index:105; font-size:12px; } .modal .modal-title i{ font-size:10px; margin-left:5px; margin-right:5px; } .modal-bottom{ position:fixed; bottom:0; left:0; width:calc(100% - 60px); margin:30px; text-align:right; } .modal .modal-button{ background-color:#f8f9fd; color:#152438; font-weight:700; display:inline-block; padding:15px; border-radius:10px; } .modal .modal-button:hover{ -webkit-filter:brightness(98%); filter:brightness(98%); cursor:pointer; } .modal .modal-button.button-accept{ background-color:#106fdf; color:#fff; margin-left:10px; } .modal .modal-button.button-accept:hover{ -webkit-filter:brightness(110%); filter:brightness(110%); cursor:pointer; } .modal-wrapper{ position:absolute; height:calc(100% - 40px); margin-top:40px; width:100%; } .modal .modal-scroll{ overflow:auto; height:100%; position:relative; } .modal #modal-loader{ position:absolute; top:0; left:0; background-color:rgba(255,255,255,0.5); width:100%; height:100%; z-index:500; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); display:none; } /* SM */ @media (max-width:992px){ .modal-mask.in{ opacity:0; } .modal{ max-width:100%; min-width:100%; min-height:100%; max-height:100%; border-radius:0; overflow:hidden; transition:all 0.3s ease; transform:translate3d(100%,0,0); top:0; left:0; opacity:1; -webkit-filter:blur(5px); filter:blur(5px); } .modal.in{ transform:translate3d(0,0,0); } .modal .modal-content{ padding:30px; } .modal .modal-title{ left:35px; } .modal .modal-header .modal-close{ display:none; } .modal .modal-header:after{ position:absolute; font-family:"Font Awesome 5 Pro"; content:"\f104"; font-size:20px; left:15px; right:auto; top:50%; transform:translate3d(0,-50%,0); } .modal-wrapper{ margin-top:40px; overflow:auto; /*height:calc(100% - 107px);*/ } .modal-wrapper.full{ height:calc(100% - 40px); } .modal .swiper-slide{ overflow-y:auto; } .modal-bottom{ width:calc(100% - 40px); margin:0; padding:15px 20px; background-color:var(--bg-color-default); width:100%; border-top:solid 1px #e5e5e5; } .modal .modal-button{ padding:10px 15px; font-size:14px; } .modal .modal-scroll{ overflow:hidden; height:auto; position:relative; } .modal #UploadImage{ height:calc(100% - 50px); } .modal #UploadImage .input{ width:auto; } } /* Modals __________________________________________________________*/ .Modal{ position:fixed; top:0; left:0; z-index:99; background-color:var(--bg-color); transition:all 0.5s ease; border-right:solid 1px var(--color-border); -webkit-box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); box-shadow:0 10px 10px 0px rgba(0,0,0,0.1); } .ModalClose, .ModalExpand{ position:absolute; top:0; right:0; z-index:99; padding:15px 20px; font-size:16px; } .ModalClose, .ModalExpand{ opacity:0.5; } .ModalClose:hover, .ModalExpand:hover{ opacity:1; cursor:pointer; } .ModalExpand{ right:40px; } /* PANEL */ .Modal.ModalPanel{ width:300px; height:100%; transform:translate3d(-320px,0,0); } .Modal.ModalPanel.right{ transform:translate3d(320px,0,0); left:auto; right:0; border-right:0; border-left:solid 1px var(--color-border); } .Modal.ModalPanel.in{ transform:translate3d(0,0,0)!important; } .Modal.ModalPanel .ModalWindowHeader{ display:none; } /* WINDOW */ .Modal.ModalWindow{ position:absolute; width:80%; height:80%; left:50%; top:50%; z-index:1; overflow:hidden; border-radius:6px; transition:none; -webkit-box-shadow:0px 0px 60px 0px rgba(0,0,0,0.25); box-shadow:0px 0px 60px 0px rgba(0,0,0,0.25); border:solid 1px transparent; opacity:0; } body.dark .Modal.ModalWindow{ -webkit-box-shadow:0px 0px 100px 0px rgba(0,0,0,0.85); box-shadow:0px 0px 100px 0px rgba(0,0,0,0.85); } .Modal.ModalWindow.ani{ animation:ModalWindow 0.25s normal forwards ease-in-out; } .Modal.ModalWindow.aniOut{ animation:ModalWindowOut 0.25s normal forwards ease-in-out; } @keyframes ModalWindow{ 0%{ opacity:0; transform:scale(0.5,0.5); -webkit-filter:blur(20px); filter:blur(20px); } 100%{ opacity:1; transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); } } @keyframes ModalWindowOut{ 0%{ opacity:1; transform:scale(1,1); -webkit-filter:blur(0); filter:blur(0); } 100%{ opacity:0; transform:scale(0.5,0.5); -webkit-filter:blur(20px); filter:blur(20px); } } body.dark .Modal.ModalWindow{ border:solid 1px rgba(255,255,255,0.075); } .Modal.ModalWindow .ModalWindowHeader{ position:relative; width:100%; height:40px; border-bottom:solid 1px var(--color-border); padding:10px 10px 10px; display:flex; align-items:center; } .Modal.ModalWindow .ModalWindowHeader:hover{ cursor:default; } .Modal.ModalWindow .ModalWindowHeader .ModalWindowHeaderImage{ object-fit:cover; object-position:center; width:24px; height:24px; margin-right:8px; border-radius:50%; } .Modal.ModalWindow .ModalWindowHeader .ModalWindowHeaderTitle{ font-size:12px; } .Modal.ModalWindow .ModalWindowHeader .ModalWindowHeaderIcon{ background-color:rgba(0,0,0,0.05); color:rgba(0,0,0,0.35); position:absolute; height:100%; left:0; width:30px; line-height:24px; text-align:center; display:none; } body.dark .Modal.ModalWindow .ModalWindowHeader .ModalWindowHeaderIcon{ color:#fff; } .Modal.ModalWindow .ModalWindowHeader .ModalClose{ top:50%; transform:translate3d(0,-50%,0); font-size:14px; } .Modal.ModalWindow .hidden-ModalWindow{ display:none; } .Modal.ModalWindow .full-size-ModalWindow{ width:100%; } .Modal.ModalWindow .ModalClose{ background-color:#f44235; width:11px; height:11px; border-radius:50%; right:15px; border-top:solid 1px rgba(255,255,255,0.2); padding:0; opacity:1; } .Modal.ModalWindow .ModalClose:hover{ filter:brightness(1.5); cursor:pointer; } .Modal.ModalWindow .ModalClose i{ display:none; } .Modal.ModalWindow.WindowStick{ position:fixed; top:0; bottom:0; width:400px; height:100%; } .Modal.ModalWindow.WindowStick.left{ left:0; right:auto; } .Modal.ModalWindow.WindowStick.right{ right:0; left:auto; } .Modal.ModalWindow.ui-draggable-dragging{ /*opacity:0.98!important;*/ } .Modal.out{ z-index:98; } .Modal.ModalWindow .ModalContent{ background-color:var(--bg-color);/* Old browsers */ height:100%; } .Modal .ModaliFrameWrapper{ position:absolute; top:50px; left:20px; bottom:20px; right:20px; overflow:hidden; border-radius:30px; } .Modal .ModaliFrameWrapper iframe{ border:0; height:100%; position:absolute; width:100%; filter:invert(90%) } /* Chat __________________________________________________________*/ .chat{ /*border-top:solid 1px var(--color-border);*/ } .chat ul.conversation{ margin:0 auto; max-width:100%; } .chat ul.conversation > li{ margin-bottom:20px; overflow:hidden; padding:0 10px; } .chat ul.conversation > li:first-child{ padding-top:10px; } .chat ul.conversation > li .avatar{ width:25px; height:25px; border-radius:50%; float:left; margin-right:10px; margin-top:10px; } .chat ul.conversation > li > div{ width:calc(85% - 40px); float:left; position:relative; background:var(--box-color); padding:16px 16px; border-radius:14px; color:rgba(255,255,255,0.85); font-size:13px; line-height:1.5; font-weight:400; } .chat ul.conversation > li > div:after{ right:100%; top:22px; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(25,27,29,0); border-right-color:var(--box-color); border-width:5px; margin-top:-5px; } .chat ul.conversation > li.you > div{ /*background:#0084ff;*/ background:rgba(255,255,255,0.05); float:right; margin-right:0; border:solid 1px transparent; color:rgba(255,255,255,0.65); } .chat ul.conversation > li.you > div:after{ right:auto; left:100%; border:solid transparent; border-right-color:transparent; border-left-color:#191b1d; } .chat ul.conversation > li.system > div{ /*background:#0084ff;*/ background:transparent; float:right; margin-right:0; color:var(--text-color); border:solid 1px var(--color-border); } .chat ul.conversation > li.you > div:after, .chat ul.conversation > li.system > div:after{ display:none; } .chat ul.conversation > li > div .timestamp{ font-size:11px; font-weight:400; opacity:0.5; } .chat .message-bottom{ line-height:1.6; padding:25px; overflow:visible; } .chat ul.message-addons{ margin-top:5px; } .chat ul.message-addons > li{ display:inline-block; color:rgba(0,0,0,0.5); padding:4px 8px; border-radius:6px; font-size:11px; vertical-align:middle; } body.dark .chat ul.message-addons > li{ color:rgba(255,255,255,0.5); } .chat ul.message-addons > li > i{ font-size:14px; } .chat ul.message-addons > li:hover{ cursor:pointer; background-color:var(--bg-faded); color:#000; } body.dark .chat ul.message-addons > li:hover{ color:#fff; } .chat input, .chat textarea{ background-color:var(--bg-faded); color:var(--color-text); display:block; width:100%; font-family:inherit; font-size:13px; } .chat textarea{ min-height:100px; } ul.emojis{ padding:10px; overflow:hidden; } ul.emojis li{ color:#fff; float:left; background-color:transparent; border:solid 1px transparent; border-radius:4px; font-size:16px; padding:5px 10px; } ul.emojis li:hover{ cursor:pointer; background-color:var(--bg-color); border-color:var(--color-border); } /* Contextmenu __________________________________________________________*/ .Contextmenu{ position:absolute; width:200px; margin:0; background:var(--bg-color); border-radius:5px; color:var(--color-text); list-style:none; box-shadow: 0 15px 35px rgba(50,50,90,0.1), 0 5px 15px rgba(0,0,0,0.07); overflow:hidden; z-index:999999; -webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2); border:solid 1px var(--border-color); } .Contextmenu ul.Contextmenu-list > li > a, .Contextmenu ul.Contextmenu-list > li > span{ font-size:12px; display:block; padding:4px 12px; line-height:1.4; position:relative; } .Contextmenu ul.Contextmenu-list.sm > li > a, .Contextmenu ul.Contextmenu-list.sm > li > span{ font-size:11px; padding:6px; } .Contextmenu ul.Contextmenu-list > li > a:not(.no-hover):hover, .Contextmenu ul.Contextmenu-list > li > span:not(.no-hover):hover{ background:var(--bg-faded); background:#323b4a; color:#fff; cursor:pointer; } .Contextmenu ul.Contextmenu-list > li > a i, .Contextmenu ul.Contextmenu-list > li > span i{ width:20px; text-align:center; opacity:0.25; position:absolute; top:50%; right:10px; transform:translate3d(0,-50%,0); } .Contextmenu ul.Contextmenu-list > li > a:not(.no-hover):hover i, .Contextmenu ul.Contextmenu-list > li > span:not(.no-hover):hover i{ opacity:1; } .Contextmenu ul.Contextmenu-list.alt > li > a:not(.no-hover):hover, .Contextmenu ul.Contextmenu-list.alt > li > span:not(.no-hover):hover{ background:var(--bg-color-alt); cursor:pointer; } .Contextmenu ul.Contextmenu-list.alt > li > a i, .Contextmenu ul.Contextmenu-list.alt > li > span i{ opacity:1; }/* Tabs __________________________________________________________*/ ul.tab-links{ overflow:visible; border-bottom:solid 2px var(--border-color); } ul[tab-links]{ overflow:visible; } ul.tab-links li{ display:inline-block; padding:10px 25px; line-height:1; font-size:0.8rem; margin-right:-4px; font-weight:600; color:var(--text-color); opacity:0.35; position:relative; } ul.tab-links li:after{ position:absolute; content:""; width:100%; height:2px; background-color:#fff; bottom:-2px; left:0; display:none; } ul.tab-links li:hover{ cursor:pointer; opacity:0.65; } ul.tab-links li.active{ opacity:1; } ul.tab-links li.active:after{ display:block; } ul.tabs, ul[tabs]{ overflow-x:hidden; overflow-y:hidden; white-space:nowrap; } ul.tabs li.tab, ul[tabs] li[tab]{ display:none; width:100%; white-space:normal; vertical-align:top; } ul.tabs li.tab.active, ul[tabs] li[tab].active{ display:inline-block; } ul.tabs li.tab:hover{ cursor:auto!important; background-color:transparent!important; }/* Confirmbox __________________________________________________________*/ #confirmbox-mask{ position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.8); z-index:9999998; transition:opacity 0.5s ease-out; transform:translate3d(0,0,0); -webkit-backdrop-filter:blur(3px) grayscale(25%); backdrop-filter:blur(3px) grayscale(25%); opacity:0; transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55); } #confirmbox-mask.has-modal{ background-color:rgba(0,0,0,0.4); } #confirmbox-mask.in{ opacity:1; } .confirmbox{ position:fixed; top:50%; left:50%; transform:translate3d(-50%,-50%,0) scale3d(0.65,0.65,0.65); transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55); z-index:9999999; background-color:var(--bg-color); color:var(--text-color); border-radius:10px; overflow:hidden; opacity:0; -webkit-filter:blur(5px); filter:blur(5px); width:400px; max-width:85%; } .confirmbox.in{ transform:translate3d(-50%,-50%,0) scale3d(1,1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } .confirmbox #confirmbox-content{ padding:30px; line-height:1.4; position:relative; font-size:14px; } .confirmbox.type:not(.info) #confirmbox-content{ padding:30px 30px 30px 90px; } .confirmbox.type.info.mail #confirmbox-content, .confirmbox.type.info.exclamation #confirmbox-content{ padding:30px 30px 30px 90px; } .confirmbox.type #confirmbox-content:after{ position:absolute; top:50%; transform:translate3d(0,-50%,0); font-size:40px; content:""; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; left:30px; opacity:0.35; } .confirmbox.type.delete #confirmbox-content:after{ content:"\f2ed"; } .confirmbox.type.add #confirmbox-content:after{ content:"\f067"; } .confirmbox.type.edit #confirmbox-content:after{ content:"\f303"; } .confirmbox.type.warning #confirmbox-content:after{ content:"\f071"; } .confirmbox.type.alert #confirmbox-content:after{ content:"\f071"; } .confirmbox.type.robot #confirmbox-content:after{ content:"\f544"; } .confirmbox.type.check #confirmbox-content:after{ content:"\f00c"; } .confirmbox.type.info.mail #confirmbox-content:after{ content:"\f0e0"; } .confirmbox.type.info.exclamation #confirmbox-content:after{ content:"\f071"; } #confirmbox-bottom{ margin:0; padding:10px 10px; background-color:var(--bg-color-default); width:100%; border-top:solid 1px var(--color-border); text-align:right; } .confirmbox .confirmbox-button{ background-color:rgba(0,0,0,0.1); font-weight:700; display:inline-block; padding:10px 15px; border-radius:6px; font-size:13px; } .confirmbox .confirmbox-button:hover{ -webkit-filter:brightness(98%); filter:brightness(98%); cursor:pointer; } .confirmbox .confirmbox-button.button-accept{ background-color:#106fdf; color:#fff; margin-left:10px; } .confirmbox .confirmbox-button.button-accept:hover{ -webkit-filter:brightness(110%); filter:brightness(110%); cursor:pointer; } .confirmbox .confirmbox-button.button-close{ display:none; } .confirmbox.alert .confirmbox-button.button-accept, .confirmbox.info .confirmbox-button.button-accept, .confirmbox.check .confirmbox-button.button-accept, .confirmbox.alert .confirmbox-button.button-cancel, .confirmbox.info .confirmbox-button.button-cancel, .confirmbox.check .confirmbox-button.button-cancel{ display:none; } .confirmbox.alert .confirmbox-button.button-close, .confirmbox.info .confirmbox-button.button-close, .confirmbox.check .confirmbox-button.button-close{ display:inline-block; }/* Resizable Panels __________________________________________________________*/ .ResizablePanels{ height:100%; } .ResizablePanel{ height:100%; position:relative; min-width:340px; } .ResizablePanel{ height:100%; position:relative; width:50%; float:left; } .ResizablePanel.xs{ width:30%; } .ResizablePanel.sm{ width:40%; } .ResizablePanel .item{ white-space:nowrap; width:100%; } .ResizablePanel-list-element{ display:flex; align-items:center; } .infinite-loop{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:95%; height:97%; z-index:2; overflow:hidden; } .infinite-loop ul{ position:absolute; white-space:nowrap; display:flex; width:100%; height:100%; top:0; left:0; transition:all 0.3s ease; transform:translate3d(0,0,0); } .infinite-loop[data-orientation="vertical"] ul{ display:block; } .infinite-loop ul.no-ani{ transition:all 0s ease; } .infinite-loop ul li{ position:relative; width:100%; height:100%; flex-shrink:0; overflow:hidden; } .infinite-loop ul li img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center; } /* Confirmbox __________________________________________________________*/ #inputpopup-mask{ position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.8); z-index:9999998; transition:opacity 0.5s ease-out; transform:translate3d(0,0,0); -webkit-backdrop-filter:blur(3px) grayscale(25%); backdrop-filter:blur(3px) grayscale(25%); opacity:0; transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55); } #inputpopup-mask.has-modal{ background-color:rgba(0,0,0,0.4); } #inputpopup-mask.in{ opacity:1; } .inputpopup{ position:fixed; top:50%; left:50%; transform:translate3d(-50%,-50%,0) scale3d(0.65,0.65,0.65); transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55); z-index:9999999; background-color:#181818; color:#fff; border-radius:10px; overflow:hidden; opacity:0; -webkit-filter:blur(5px); filter:blur(5px); width:430px; max-width:85%; } .inputpopup{ background-color:var(--bg-color); color:var(--text-color); } .inputpopup.in{ transform:translate3d(-50%,-50%,0) scale3d(1,1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } .inputpopup #inputpopup-content{ padding:10px 30px; line-height:1.4; position:relative; } .inputpopup.type:not(.info) #inputpopup-content{ padding:30px 30px 30px 90px; } .inputpopup.type.info.mail #inputpopup-content, .inputpopup.type.info.exclamation #inputpopup-content{ padding:30px 30px 30px 90px; } .inputpopup.type #inputpopup-content:after{ position:absolute; top:50%; transform:translate3d(0,-50%,0); font-size:40px; content:""; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; left:30px; } .inputpopup.type.delete #inputpopup-content:after{ content:"\f2ed"; } .inputpopup.type.add #inputpopup-content:after{ content:"\f067"; } .inputpopup.type.edit #inputpopup-content:after{ content:"\f303"; } .inputpopup.type.warning #inputpopup-content:after{ content:"\f071"; } .inputpopup.type.alert #inputpopup-content:after{ content:"\f071"; } .inputpopup.type.robot #inputpopup-content:after{ content:"\f544"; } .inputpopup.type.check #inputpopup-content:after{ content:"\f00c"; } .inputpopup.type.info.mail #inputpopup-content:after{ content:"\f0e0"; } .inputpopup.type.info.exclamation #inputpopup-content:after{ content:"\f071"; } .inputpopup #inputpopup-content .input .input-placeholder{ color:var(--text-color); } .inputpopup #inputpopup-content .input input, .inputpopup #inputpopup-content .input textarea{ color:var(--text-color); } .inputpopup #inputpopup-content .input textarea{ height:150px; } .inputpopup #inputpopup-header{ /*background:#121212; background:-moz-linear-gradient(top,#121212 0%,#181818 100%); background:-webkit-linear-gradient(top,#121212 0%,#181818 100%); background:linear-gradient(to bottom,#121212 0%,#181818 100%); */ text-align:center; background-color:var(--bg-color); color:var(--text-color); font-size:11px; padding:10px 0; position:relative; } .inputpopup #inputpopup-header #inputpopup-header-title{ opacity:0.4; font-weight:600; } .inputpopup #inputpopup-header .inputpopup-close{ position:absolute; left:10px; top:50%; transform:translate3d(0,-50%,0); } .inputpopup #inputpopup-header .inputpopup-close:hover{ cursor:pointer; } #inputpopup-bottom{ margin:0; padding:10px 10px; width:100%; text-align:right; } .inputpopup .inputpopup-button{ background-color:rgba(0,0,0,0.1); color:var(--text-color); font-weight:700; display:inline-block; padding:10px 15px; border-radius:6px; font-size:13px; } .inputpopup .inputpopup-button:hover{ -webkit-filter:brightness(98%); filter:brightness(98%); cursor:pointer; } .inputpopup .inputpopup-button.button-accept{ background-color:#106fdf; color:#fff; margin-left:10px; } .inputpopup .inputpopup-button.button-accept:hover{ -webkit-filter:brightness(110%); filter:brightness(110%); cursor:pointer; } .inputpopup .inputpopup-button.button-close{ display:none; } .inputpopup.alert .inputpopup-button.button-accept, .inputpopup.info .inputpopup-button.button-accept, .inputpopup.alert .inputpopup-button.button-cancel, .inputpopup.info .inputpopup-button.button-cancel{ display:none; } .inputpopup.alert .inputpopup-button.button-close, .inputpopup.info .inputpopup-button.button-close{ display:inline-block; }/* Confirmbox __________________________________________________________*/ #mediamanager-mask{ position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,0.8); z-index:99998; transition:opacity 0.5s ease-out; transform:translate3d(0,0,0); -webkit-backdrop-filter:blur(3px) grayscale(25%); backdrop-filter:blur(3px) grayscale(25%); opacity:0; transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55); } #mediamanager-mask.has-modal{ background-color:rgba(0,0,0,0.4); } #mediamanager-mask.in{ opacity:1; } .mediamanager{ position:fixed; top:50%; left:50%; transform:translate3d(-50%,-50%,0) scale3d(0.65,0.65,0.65); transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55); z-index:99999; background-color:#181818; color:#fff; border-radius:10px; overflow:hidden; opacity:0; -webkit-filter:blur(5px); filter:blur(5px); width:700px; max-width:85%; } .mediamanager.in{ transform:translate3d(-50%,-50%,0) scale3d(1,1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } .mediamanager.in.embed{ position:absolute; top:0; left:0; width:100%; height:100%; transform:translate3d(0,0,0) scale3d(1,1,1); max-width:100%; } .mediamanager.in.embed #mediamanager-header{ display:none; } .mediamanager #mediamanager-content{ padding:0; line-height:1.4; position:relative; } .mediamanager #mediamanager-content .nano-content{ padding:30px; } .mediamanager #mediamanager-content{ padding:0; line-height:1.4; position:relative; } .mediamanager #mediamanager-content ul.files > li{ width:calc(33% - 5px); margin-right:5px; margin-bottom:5px; height:140px; overflow:hidden; background-color:rgba(0,0,0,0.2); border:solid 1px transparent; padding:10px; float:left; text-align:center; border-radius:4px; position:relative; } .mediamanager #mediamanager-content ul.files > li:hover{ border-color:var(--border-color); cursor:pointer; } .mediamanager #mediamanager-content ul.files > li img{ max-width:90%; max-height:90%; position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); } .mediamanager #mediamanager-content ul.files > li.add i{ position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); font-size:40px; } .mediamanager #mediamanager-header{ background:#121212; background:-moz-linear-gradient(top,#121212 0%,#181818 100%); background:-webkit-linear-gradient(top,#121212 0%,#181818 100%); background:linear-gradient(to bottom,#121212 0%,#181818 100%); text-align:center; color:#606060; font-size:11px; padding:10px 0; position:relative; } .mediamanager #mediamanager-header .mediamanager-close{ position:absolute; left:10px; top:50%; transform:translate3d(0,-50%,0); } .mediamanager #mediamanager-header .mediamanager-close:hover{ cursor:pointer; } #mediamanager-bottom{ margin:0; padding:10px 10px; width:100%; display:flex; align-items:center; } .mediamanager .mediamanager-button{ background-color:rgba(0,0,0,0.1); color:var(--text-color); font-weight:700; display:inline-block; padding:10px 15px; border-radius:6px; font-size:13px; } .mediamanager .mediamanager-button:hover{ -webkit-filter:brightness(98%); filter:brightness(98%); cursor:pointer; } .mediamanager .mediamanager-button.button-close{ background-color:#106fdf; color:#fff; margin-left:10px; } .mediamanager .mediamanager-button.button-close:hover{ -webkit-filter:brightness(110%); filter:brightness(110%); cursor:pointer; } .mediamanager .mediamanager-button.button-close{ /*display:none;*/ } .mediamanager.alert .mediamanager-button.button-accept, .mediamanager.info .mediamanager-button.button-accept, .mediamanager.alert .mediamanager-button.button-cancel, .mediamanager.info .mediamanager-button.button-cancel{ display:none; } .mediamanager.alert .mediamanager-button.button-close, .mediamanager.info .mediamanager-button.button-close{ display:inline-block; } .MediaManager-swiper .swiper-slide{ padding:10px; background-color:rgba(0,0,0,0.2); border-radius:4px; margin-top:10px; } /* Popover ________________*/ .popover-content,[popover-content]{ display:none!important; } .popover[data-popover-mouseover='true'] > i, [popover][data-popover-mouseover='true'] > i{ opacity:0.5; } .popover[data-popover-mouseover='true']:hover, [popover][data-popover-mouseover='true']:hover{ cursor:help; } a.popover[data-popover-mouseover='true']:hover, a[popover][data-popover-mouseover='true']:hover{ cursor:pointer; } .popover[data-popover-mouseover='true']:hover > i, [popover][data-popover-mouseover='true']:hover > i{ color:var(--main-color); opacity:1; } #popover .popover-content-xs{ width:200px; } #popover .popover-content-sm{ width:300px; } #popover .popover-content-md{ width:400px; } #popover .popover-content-lg{ width:500px; } #popover .popover-content-xl{ width:600px; } #popover{ position:fixed; background-color:var(--bg-color); font-size:12px; padding:0; border-radius:6px; border:solid 1px var(--border-color); z-index:1998; -webkit-box-shadow:0 0 30px 0px rgba(0,0,0,0.5); box-shadow:0 0 30px 0px rgba(0,0,0,0.5); } #popover.right:after,#popover.right:before{ right:100%; top:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; } #popover.right:after{ border-color:rgba(12,12,12,0); border-right-color:#0c0c0c; border-width:5px; margin-top:-5px; } #popover.right:before{ border-color:rgba(37,37,37,0); border-right-color:#252525; border-width:6px; margin-top:-6px; } #popover.left:after,#popover.left:before{ left:100%; top:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; } #popover.left:after{ border-color:rgba(12,12,12,0); border-left-color:#0c0c0c; border-width:5px; margin-top:-5px; } #popover.left:before{ border-color:rgba(37,37,37,0); border-left-color:#252525; border-width:6px; margin-top:-6px; } #popover.top:after,#popover.top:before{ top:100%; left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; } #popover.top:after{ border-color:rgba(12,12,12,0); border-top-color:#0c0c0c; border-width:5px; margin-left:-5px; } #popover.top:before{ border-color:rgba(37,37,37,0); border-top-color:#252525; border-width:6px; margin-left:-6px; } #popover.bottom:after,#popover.bottom:before{ top:auto!important; bottom:100%!important; left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; } #popover.bottom.bottom-right:after,#popover.bottom.bottom-right:before{ left:auto; right:5px; } #popover.top.top-right:after,#popover.top.top-right:before{ left:auto; right:5px; } #popover.bottom:after{ border-color:rgba(12,12,12,0); border-bottom-color:#0c0c0c; border-width:5px; margin-left:-5px; } #popover.bottom:before{ border-color:rgba(37,37,37,0); border-bottom-color:#252525; border-width:6px; margin-left:-6px; } #popover ul.list.b-t{ border-top:solid 1px #252525!important; } #popover ul.list li a, #popover ul.list li > span{ text-align:left; padding:10px 20px; display:block; min-width:200px; border-bottom:solid 1px #252525; opacity:0.65; position:relative; } #popover ul.list > li:last-child > a, #popover ul.list > li:last-child > span{ border-bottom:0; } #popover ul.list li > a:hover, #popover ul.list li span:hover{ background-color:rgba(255,255,255,0.025); opacity:1; cursor:pointer; } #popover ul.list li > span:after{ position:absolute; content:"\f105"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400; font-size:13px; opacity:0.2; right:10px; top:50%; transform:translateY(-50%); line-height:0; } #popover ul.list li > span > ul{ position:absolute; left:200px; top:-1px; background-color:var(--bg-color); font-size:12px; padding:0; border-radius:6px; border-top-left-radius:0; border:solid 1px #252525; z-index:1998; -webkit-box-shadow:0 0 30px 0px rgba(0,0,0,0.5); box-shadow:0 0 30px 0px rgba(0,0,0,0.5); display:none; } #popover ul.list li > span:hover > ul{ display:block; } #popover ul.list li > span > ul > li > a{ padding:10px 40px 10px 20px; position:relative; } #popover ul.list li > span > ul > li > a.active:after{ position:absolute; content:"\f00c"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400; font-size:13px; opacity:0.2; right:10px; top:50%; transform:translateY(-50%); line-height:0; } .popover-highlight{ border-color:var(--main-color)!important; -webkit-box-shadow:0px 0px 15px 0px rgba(16,111,223,0.15)!important; box-shadow:0px 0px 15px 0px rgba(16,111,223,0.15)!important; } /* Item Handling __________________________________________________________*/ .item-handling-add{ } .item-handling-add .item-handling-add-content{ display:none; } .item-handling-remove i{ opacity:0.5; } .item-handling-remove:hover i{ opacity:1; } .item-handling-remove:hover{ cursor:pointer; }/* POP IN __________________________________________________________*/ div[data-popin]:hover{ cursor:pointer; } #popin-wrapper{ position:absolute; width:100%; height:100%; top:0; } #popin{ position:absolute; width:100%; -webkit-box-shadow:0 0 50px 10px rgba(0,0,0,1); box-shadow:0 0 50px 10px rgba(0,0,0,1); height:100%; top:0; left:0; z-index:1101; transition:all 0.4s ease; opacity:1; } #popin-wrapper.in #popin{ opacity:1; } #popin-mask{ position:absolute; width:1000%; background-color:rgba(0,0,0,0.5); left:100vw; height:100%; top:0; left:0; z-index:1099; opacity:0; transition:all 0.4s ease; } #popin-wrapper.in #popin-mask{ opacity:1; } #popin-media{ position:absolute; height:100%; width:75%; transition:all 0.4s ease; transform:translate3d(-100%,0,0); background-color:#000; } #popin-wrapper.in #popin-media{ transform:translate3d(0%,0,0); } #popin-media img{ position:absolute; max-width:75%; max-height:75%; left:50%; top:50%; transform:translate3d(-50%,-50%,0); } #popin-media .video-container{ position:absolute; max-width:75%; max-height:75%; left:50%; top:50%; transform:translate3d(-50%,-50%,0); } #popin-media .popin-close{ position:absolute; left:0; top:0; padding:40px; z-index:10; color:rgba(255,255,255,0.75); } #popin-media .popin-close:before{ position:absolute; content:"\f00d"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:300; left:50%; top:50%; transform:translate3d(-50%,-50%,0); z-index:15; font-size:40px; } #popin-media .popin-close:hover{ color:#fff; cursor:pointer; } #popin-content{ position:absolute; height:100%; width:25%; transition:all 0.4s ease; transform:translate3d(400%,0,0); background-color:var(--bg-color); } #popin-wrapper.in #popin-content{ transform:translate3d(300%,0,0); } .popin-content{ display:none; } .popin-visible{ display:none; } .popin-hidden{ display:block; } #popin .popin-visible{ display:block; } #popin .popin-hidden{ display:none; } #popin-gallery{ position:absolute; width:calc(100% - 650px); top:50%; left:0; transform:translate3d(100vw,-50%,0); z-index:1100; transition:all 0.6s ease; overflow:hidden; height:100%; opacity:0; background-color:var(--bg-color); } #popin-wrapper.in #popin-gallery{ transform:translate3d(0,-50%,0); opacity:1; } #popin-gallery ul{ padding:20px 40px 80px 40px; overflow:hidden; } #popin-gallery ul li{ width:calc(33% - 20px); float:left; margin:10px; filter:brightness(75%); height:210px; } #popin-gallery ul li:hover{ cursor:pointer; filter:brightness(100%); } #popin-gallery ul li.active{ filter:brightness(125%); } #popin-gallery ul li img{ border:solid 1px transparent; } #popin-gallery ul li.active img{ border:solid 1px #fff; } #popin-gallery-header{ overflow:hidden; padding:20px 40px; } #popin-gallery-title{ font-size:22px; margin-top:20px; } /* SM */ @media (max-width:1200px){ #popin-media{ position:absolute; height:40%; width:100%; transition:all 0.4s ease; transform:translate3d(0,-100%,0); background-color:#000; overflow:hidden; } #popin-wrapper.in #popin-media{ transform:translate3d(0%,0,0); } #popin-content{ position:absolute; height:60%; width:100%; bottom:0; transition:all 0.4s ease; transform:translate3d(0,100%,0); background-color:var(--bg-color); overflow:hidden; } #popin-wrapper.in #popin-content{ transform:translate3d(0,0,0); } #popin-media .popin-close{ padding:25px; } #popin-media .popin-close:before{ font-size:25px; } } /* Messages __________________________________________________________*/ .message{ position:fixed; top:0; right:calc(var(--user-panel-width) + 20px); border:solid 1px var(--border-color); background-color:var(--bg-color-alt); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.06); box-shadow:0 0 10px rgba(0,0,0,0.06); z-index:902; width:350px; border-radius:4px; } .message:after{ left:100%; top:20px; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,255,255,0); border-left-color:#000; border-width:5px; margin-top:-5px; } .message .message-top{ border-bottom:solid 1px var(--border-color); } .message ul > li{ margin-bottom:10px; overflow:hidden; padding:0 10px; } .message ul > li:first-child{ padding-top:10px; } .message ul > li > .avatar{ width:30px; height:30px; border-radius:50%; float:left; margin-right:10px; object-fit:cover; object-position:center; } .message ul > li > div{ width:calc(85% - 40px); float:left; position:relative; background:#f1f2f6; padding:10px; border-radius:6px; color:#203759; font-size:12px; line-height:1.5; } .message ul > li > div:after{ right:100%; top:15px; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(241,242,246,0); border-right-color:#f1f2f6; border-width:5px; margin-top:-5px; } .message ul > li.you > div{ background:#0084ff; color:#fff; float:right; margin-right:10px; } .message ul > li.you > div:after{ right:auto; left:100%; border:solid transparent; border-right-color:transparent; border-left-color:#0084ff; } .message .message-bottom{ padding:10px; } /* Messages __________________________________________________________*/ .messages-modal{ position:fixed; top:50%; left:50%; transform:translate3d(-50%,-50%,0) scale3d(0.65,0.65,0.65); transition:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55); z-index:9999; background-color:var(--bg-color); border-radius:10px; min-width:300px; max-width:100%; min-height:150px; max-height:90%; height:760px; width:1200px; overflow:hidden; opacity:0; -webkit-filter:blur(5px); filter:blur(5px); } .messages-modal.in{ transform:translate3d(-50%,-50%,0) scale3d(1,1,1); -webkit-filter:blur(0); filter:blur(0); opacity:1; } .messages-modal .messages-modal-content{ padding:60px 60px 60px 60px; } .messages-modal .messages-modal-content{ padding:60px 30px 60px 30px; } .messages-modal .messages-modal-header{ position:absolute; line-height:1; z-index:100; border-bottom:solid 1px var(--border-color); height:40px; background-color:var(--bg-color); width:100%; left:0; top:0; right:0; overflow:hidden; display:block; } .messages-modal .messages-modal-header:after{ position:absolute; content:"\f00d"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; font-size:20px; top:50%; transform:translate3d(0,-50%,0); right:20px; } .messages-modal .messages-modal-title{ position:absolute; top:50%; transform:translate3d(0,-50%,0); left:20px; z-index:105; font-size:12px; } .messages-modal .messages-modal-title i{ font-size:10px; margin-left:5px; margin-right:5px; } .messages-modal-bottom{ position:fixed; bottom:0; left:0; width:calc(100% - 60px); margin:30px; text-align:right; } .messages-modal .messages-modal-button{ background-color:#f8f9fd; color:#152438; font-weight:700; display:inline-block; padding:15px; border-radius:10px; } .messages-modal .messages-modal-button:hover{ -webkit-filter:brightness(98%); filter:brightness(98%); cursor:pointer; } .messages-modal .messages-modal-button.button-accept{ background-color:#106fdf; color:#fff; margin-left:10px; } .messages-modal .messages-modal-button.button-accept:hover{ -webkit-filter:brightness(110%); filter:brightness(110%); cursor:pointer; } .messages-modal-wrapper{ position:absolute; height:calc(100% - 40px); margin-top:40px; width:100%; } .messages-modal .messages-modal-scroll{ overflow:auto; height:100%; position:relative; } .messages-modal #modal-loader{ position:absolute; top:0; left:0; background-color:rgba(255,255,255,0.5); width:100%; height:100%; z-index:500; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); display:none; } .messages-modal .user\:conversations .user{ padding-left:30px; padding-right:30px; } .messages-modal .user\:conversations .user .dot.number{ left:10px; } .messages-modal .message{ position:relative; top:0; right:auto; border:0; background-color:transparent; -webkit-box-shadow:none; box-shadow:none; width:100%; border-radius:0; overflow:hidden; height:100%; } .messages-modal .message .message-content{ margin-top:40px; height:calc(100% - 110px); overflow-y:auto; z-index:10; } .messages-modal .message .message-bottom{ position:absolute; bottom:0; left:0; height:70px; z-index:20; width:100%; border-top:solid 1px var(--border-color); } .messages-modal .message .message-top{ position:absolute; top:0; left:0; height:40px; width:100%; background-color:var(--bg-color-alt); z-index:20; } @media (min-width:1201px){ .messages-modal{ display:none; } } /* SM */ @media (max-width:1200px){ .messages-modal-mask.in{ opacity:0; } .messages-modal{ max-width:100%; min-width:100%; min-height:100%; max-height:100%; border-radius:0; overflow:hidden; transition:all 0.3s ease; transform:translate3d(100%,0,0); top:0; left:0; opacity:1; -webkit-filter:blur(5px); filter:blur(5px); } .messages-modal.in{ transform:translate3d(0,0,0); } .messages-modal .messages-modal-content{ padding:30px; } .messages-modal .messages-modal-title{ left:35px; } .messages-modal .messages-modal-header:after{ content:"\f104"; font-size:20px; left:15px; right:auto; top:50%; transform:translate3d(0,-50%,0); } .messages-modal-wrapper{ margin-top:40px; overflow:hidden; height:calc(100% - 40px); } .messages-modal-wrapper.full{ height:calc(100% - 40px); } .messages-modal .swiper-slide{ overflow-y:auto; } .messages-modal-bottom{ width:calc(100% - 40px); margin:0; padding:15px 20px; background-color:var(--bg-color-default); width:100%; border-top:solid 1px #e5e5e5; } .messages-modal .messages-modal-button{ padding:10px 15px; font-size:14px; } .messages-modal .messages-modal-scroll{ overflow:hidden; height:auto; position:relative; } .messages-modal #UploadImage{ height:calc(100% - 50px); } .messages-modal #UploadImage .input{ width:auto; } } /* Date Picker __________________________________________________________*/ .ui-datepicker{ width:100%; border:solid 1px #d5d5d5!important; border-radius:6px; } .datepicker .ui-widget-header{ background-color:transparent; border:0; padding:10px 0 20px; } .ui-datepicker .ui-datepicker-title{ font-size:14px; } .ui-datepicker td{ } .ui-datepicker td span, .ui-datepicker td a{ text-align:center; background-color:transparent!important; border:0!important; border-radius:50%; line-height:35px; width:35px; height:35px; margin:0 auto; padding:0; font-size:13px; } .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{ border:0!important; background:#e8eefc!important; color:var(--main-color)!important; } .ui-datepicker .ui-state-default:hover{ border:0!important; background:#e8eefc!important; color:var(--main-color)!important; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-datepicker .ui-state-active, .ui-datepicker a.ui-button:active, .ui-datepicker .ui-button:active, .ui-datepicker .ui-button.ui-state-active:hover{ border:0!important; background:var(--main-color)!important; color:#fff!important; } .ui-datepicker-today span.ui-state-default, .ui-datepicker-today a.ui-state-default{ border:0!important; background:#e8eefc!important; color:var(--main-color)!important; } .ui-datepicker th{ font-size:12px; opacity:0.5; font-weight:normal; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { border:0!important; left:5px!important; top:7.5px!important; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next:hover { left:auto!important; right:5px!important; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background-image:none; text-indent:0; color:transparent; border:0!important; } .ui-datepicker .ui-datepicker-prev span:before, .ui-datepicker .ui-datepicker-next span:before{ position:absolute; content:"\f053"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; left:50%; top:50%; transform:translate3d(-50%,-50%,0); z-index:15; color:var(--text-color); font-size:12px; } .ui-datepicker .ui-datepicker-next span:before{ content:"\f054"; } ul.datepicker-clock{ height:100%; } ul.datepicker-clock li{ width:100%; border:solid 1px #d5d5d5!important; text-align:center; padding:10px; font-size:12px; height:calc(12.5% - 10px); position:relative; margin:0 0 10px; border-radius:6px; } ul.datepicker-clock li:last-child{ margin:0; height:12.5%; } ul.datepicker-clock li:hover{ cursor:pointer; background:#e8eefc!important; border-color:#1757c1!important; } ul.datepicker-clock li.active{ cursor:pointer; background:var(--main-color)!important; border-color:var(--main-color)!important; color:#fff!important; } ul.datepicker-clock li > div{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); text-align:center; } .booking-confirm-step .booking-confirm-step-info, .booking-confirm-step .booking-confirm-step-media, .booking-confirm-step, .booking-confirm-step-message{ transition:all 0.5s ease-out; } .booking-confirm-step > div{ padding:0; overflow:hidden; } .booking-confirm-step.complete .booking-confirm-step-info{ width:0!important; overflow:hidden; white-space:nowrap; opacity:0; } .booking-confirm-step.complete .booking-confirm-step-media{ width:100%!important; } .booking-loader{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; background-color:rgba(255,255,255,0.5); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); display:none; } .booking-confirm-step-message{ position:absolute; bottom:0; left:0; right:0; padding:60px; z-index:10; background-color:#fff; transform:translate3d(0,100%,0); } .booking-confirm-step-message.in{ transform:translate3d(0,0,0); } .booking-confirm-step-message h1{ font-size:2rem; } @media (max-width:992px){ .booking-confirm-step{ height:100vh!important; } .booking-confirm-step.complete .booking-confirm-step-media{ position:absolute!important; height:100vh!important; display:none; } .booking-confirm-step.complete .booking-confirm-step-media{ display:block; height:100vh!important; } .booking-confirm-step-media .bg{ display:none; } .booking-confirm-step-message{ top:0; height:100vh!important; padding:0px; } ul.datepicker-clock{ margin-top:20px; } ul.datepicker-clock li, ul.datepicker-clock li:last-child{ width:calc(25% - 4px); height:auto; padding:15px 30px; margin:0; display:inline-block; } } #calendar_results ul li a{ color:var(--main-color); padding:8px 0; display:block; font-size:14px; } #calendar_results ul li a > img{ display:inline-block; vertical-align:middle; max-height:18px; margin-right:8px; } #calendar_results ul li a > span{ display:inline-block; vertical-align:middle; }/* UL Dropdown __________________________________________________________*/ .ul-dropdown{ color:#fff; font-size:16px; font-weight:600; background-color:#fff; border-radius:6px; margin:5px 0; padding:20px 25px; opacity:1; width:100%; border:0; border:solid 2px transparent; position:relative; overflow:visible; } .ul-dropdown:hover{ background-color:#eee; cursor:pointer; } .ul-dropdown:before{ content:attr(data-title); position:absolute; top:50%; left:15px; color:#000; transform:translate3d(0,-50%,0); } .ul-dropdown:after{ position:absolute; content:"\f0d7"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900; right:15px; top:50%; transform:translateY(-50%); z-index:15; color:#000; } .ul-dropdown ul{ display:none; position:fixed; background-color:#fff; border-radius:6px; padding:0; margin-top:25px; z-index:500; } .ul-dropdown ul li{ color:#000!important; margin:0!important; border-radius:0!important; } .ul-dropdown ul li:hover, .ul-dropdown ul li.active{ background-color:rgba(0,0,0,0.1)!important; } .ul-dropdown.open ul{ display:block; } #app.mobile .ul-dropdown.open ul, body.mobile .ul-dropdown.open ul{ max-height:130px; overflow:auto; } #app.mobile .ul-dropdown.open ul li, body.mobile .ul-dropdown.open ul li{ font-size:12px; padding:7px 20px; } /* Numeric Slider __________________________________________________________*/ .numeric-slider{ margin:60px 0 0; background-color:transparent; border:0!important; height:30px; border-bottom:solid 2px rgba(0,0,0,0.1)!important; border-radius:0; } .numeric-slider .ui-slider-range{ background-color:transparent; border-bottom:solid 2px var(--main-color); border-radius:0; margin-top:2px; } .numeric-slider .handle, .numeric-slider .handle:hover{ border:0!important; border-radius:50%; background-color:var(--main-color); top:100%; transform:translate3d(0,-50%,0); width:30px!important; height:30px!important; } .numeric-slider .handle:hover{ background-color:inherit; } .numeric-slider .numeric_slider_numb{ position:absolute; top:-17px; font-size:11px; padding:3px 0; border-radius:4px; left:-10px; width:30px; text-align:center; } .numeric-slider .numeric_slider_numb.max{ left:auto; right:-21px; } .numeric-slider .handle .numeric_slider_result{ left:50%; transform:translate3d(-50%,0,0); background-color:var(--main-color); color:#fff; top:-30px; }.ColorPicker{ color:var(--text-color); } .minicolors{ position:relative; } .minicolors-sprite{ background-image:url(../img/jquery.minicolors.png); } .minicolors-swatch{ position:absolute; vertical-align:middle; background-position:-80px 0; cursor:text; padding:0; margin:0; display:inline-block; } .minicolors-swatch::after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-shadow:inset 0 0 0 1px rgba(0,0,0,.15); border-radius:2px; } .minicolors-swatch-color{ position:absolute; top:0; left:0; right:0; bottom:0; } .minicolors input[type=hidden] + .minicolors-swatch{ width:28px; position:static; cursor:pointer; } .minicolors input[type=hidden][disabled] + .minicolors-swatch{ cursor:default; } /* Panel */ .minicolors-panel{ position:absolute; width:173px; background:white; border-radius:2px; box-shadow:0 0 20px rgba(0,0,0,.2); z-index:99999; box-sizing:content-box; display:none; touch-action:none; } .minicolors-panel.minicolors-visible{ display:block; } /* Panel positioning */ .minicolors-position-top .minicolors-panel{ top:-154px; } .minicolors-position-right .minicolors-panel{ right:0; } .minicolors-position-bottom .minicolors-panel{ top:auto; } .minicolors-position-left .minicolors-panel{ left:0; } .minicolors-with-opacity .minicolors-panel{ width:194px; } .minicolors .minicolors-grid{ position:relative; top:1px; left:1px;/* LTR */ width:150px; height:150px; margin-bottom:2px; background-position:-120px 0; cursor:crosshair; } [dir=rtl] .minicolors .minicolors-grid{ right:1px; } .minicolors .minicolors-grid-inner{ position:absolute; top:0; left:0; width:150px; height:150px; } .minicolors-slider-saturation .minicolors-grid{ background-position:-420px 0; } .minicolors-slider-saturation .minicolors-grid-inner{ background-position:-270px 0; background-image:inherit; } .minicolors-slider-brightness .minicolors-grid{ background-position:-570px 0; } .minicolors-slider-brightness .minicolors-grid-inner{ background-color:black; } .minicolors-slider-wheel .minicolors-grid{ background-position:-720px 0; } .minicolors-slider, .minicolors-opacity-slider{ position:absolute; top:1px; left:152px;/* LTR */ width:20px; height:150px; background-color:white; background-position:0 0; cursor:row-resize; } [dir=rtl] .minicolors-slider, [dir=rtl] .minicolors-opacity-slider{ right:152px; } .minicolors-slider-saturation .minicolors-slider{ background-position:-60px 0; } .minicolors-slider-brightness .minicolors-slider{ background-position:-20px 0; } .minicolors-slider-wheel .minicolors-slider{ background-position:-20px 0; } .minicolors-opacity-slider{ left:173px;/* LTR */ background-position:-40px 0; display:none; } [dir=rtl] .minicolors-opacity-slider{ right:173px; } .minicolors-with-opacity .minicolors-opacity-slider{ display:block; } /* Pickers */ .minicolors-grid .minicolors-picker{ position:absolute; top:70px; left:70px; width:12px; height:12px; box-shadow:0 0 0 1px rgba(0,0,0,.25); border-radius:10px; margin-top:-6px; margin-left:-6px; background:none; } .minicolors-grid .minicolors-picker > div{ position:absolute; top:0; left:0; width:8px; height:8px; border-radius:8px; border:solid 2px white; box-sizing:content-box; } .minicolors-picker{ position:absolute; top:0; left:0; width:18px; height:3px; background:white; box-shadow:0 0 0 1px rgba(0,0,0,.25); border-radius:2px; margin-top:-2px; margin-left:1px; box-sizing:content-box; } /* Swatches */ .minicolors-swatches, .minicolors-swatches li{ margin:5px 0 3px 5px;/* LTR */ padding:0; list-style:none; overflow:hidden; } [dir=rtl] .minicolors-swatches, [dir=rtl] .minicolors-swatches li{ margin:5px 5px 3px 0; } .minicolors-swatches .minicolors-swatch{ position:relative; float:left;/* LTR */ cursor:pointer; margin:0 4px 0 0;/* LTR */ } [dir=rtl] .minicolors-swatches .minicolors-swatch{ float:right; margin:0 0 0 4px; } .minicolors-with-opacity .minicolors-swatches .minicolors-swatch{ margin-right:7px;/* LTR */ } [dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch{ margin-right:0; margin-left:7px; } .minicolors-swatch.selected{ border-color:#000; } /* Inline controls */ .minicolors-inline{ display:inline-block; } .minicolors-inline .minicolors-input{ /*display:none !important;*/ padding:15px!important; } .minicolors-inline .minicolors-panel{ position:relative; top:auto; left:auto;/* LTR */ box-shadow:none; z-index:auto; display:inline-block; } [dir=rtl] .minicolors-inline .minicolors-panel{ right:auto; } /* Default theme */ .minicolors-theme-default .minicolors-swatch{ top:5px; left:5px;/* LTR */ width:18px; height:18px; } [dir=rtl] .minicolors-theme-default .minicolors-swatch{ right:5px; } .minicolors-theme-default .minicolors-swatches .minicolors-swatch{ margin-bottom:2px; top:0; left:0;/* LTR */ width:18px; height:18px; } [dir=rtl] .minicolors-theme-default .minicolors-swatches .minicolors-swatch{ right:0; } .minicolors-theme-default.minicolors-position-right .minicolors-swatch{ left:auto;/* LTR */ right:5px;/* LTR */ } [dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-swatch{ right:auto; left:5px; } .minicolors-theme-default.minicolors{ width:auto; display:inline-block; } .minicolors-theme-default .minicolors-input{ height:20px; width:auto; display:inline-block; padding-left:26px;/* LTR */ } [dir=rtl] .minicolors-theme-default .minicolors-input{ text-align:right; unicode-bidi:plaintext; padding-left:1px; padding-right:26px; } .minicolors-theme-default.minicolors-position-right .minicolors-input{ padding-right:26px;/* LTR */ padding-left:inherit;/* LTR */ } [dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-input{ padding-right:inherit; padding-left:26px; } /* Bootstrap theme */ .minicolors-theme-bootstrap .minicolors-swatch{ z-index:2; top:3px; left:3px;/* LTR */ width:28px; height:28px; border-radius:2px; } [dir=rtl] .minicolors-theme-bootstrap .minicolors-swatch{ right:3px; } .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch{ margin-bottom:2px; top:0; left:0;/* LTR */ width:20px; height:20px; } [dir=rtl] .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch{ right:0; } .minicolors-theme-bootstrap .minicolors-swatch-color{ border-radius:inherit; } .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch{ left:auto;/* LTR */ right:3px;/* LTR */ } [dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left > .minicolors-swatch{ right:auto; left:3px; } .minicolors-theme-bootstrap .minicolors-input{ float:none; padding-left:44px;/* LTR */ } [dir=rtl] .minicolors-theme-bootstrap .minicolors-input{ text-align:right; unicode-bidi:plaintext; padding-left:12px; padding-right:44px; } .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input{ padding-right:44px;/* LTR */ padding-left:12px;/* LTR */ } [dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input{ padding-right:12px; padding-left:44px; } .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch{ top:4px; left:4px;/* LTR */ width:37px; height:37px; border-radius:5px; } [dir=rtl] .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch{ right:4px; } .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch{ width:24px; height:24px; } .minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch{ width:18px; height:18px; } .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input{ border-top-left-radius:0;/* LTR */ border-bottom-left-radius:0;/* LTR */ } [dir=rtl] .input-group .minicolors-theme-bootstrap .minicolors-input{ border-radius:4px; } [dir=rtl] .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input{ border-top-right-radius:0; border-bottom-right-radius:0; } [dir=rtl] .input-group .minicolors-theme-bootstrap:not(:last-child) .minicolors-input{ border-top-left-radius:0; border-bottom-left-radius:0; } /* bootstrap input-group rtl override */ [dir=rtl] .input-group .form-control, [dir=rtl] .input-group-addon, [dir=rtl] .input-group-btn > .btn, [dir=rtl] .input-group-btn > .btn-group > .btn, [dir=rtl] .input-group-btn > .dropdown-toggle{ border:1px solid #ccc; border-radius:4px; } [dir=rtl] .input-group .form-control:first-child, [dir=rtl] .input-group-addon:first-child, [dir=rtl] .input-group-btn:first-child > .btn, [dir=rtl] .input-group-btn:first-child > .btn-group > .btn, [dir=rtl] .input-group-btn:first-child > .dropdown-toggle, [dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), [dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn{ border-top-left-radius:0; border-bottom-left-radius:0; border-left:0; } [dir=rtl] .input-group .form-control:last-child, [dir=rtl] .input-group-addon:last-child, [dir=rtl] .input-group-btn:last-child > .btn, [dir=rtl] .input-group-btn:last-child > .btn-group > .btn, [dir=rtl] .input-group-btn:last-child > .dropdown-toggle, [dir=rtl] .input-group-btn:first-child > .btn:not(:first-child), [dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn{ border-top-right-radius:0; border-bottom-right-radius:0; } /* Semantic Ui theme */ .minicolors-theme-semanticui .minicolors-swatch{ top:0; left:0;/* LTR */ padding:18px; } [dir=rtl] .minicolors-theme-semanticui .minicolors-swatch{ right:0; } .minicolors-theme-semanticui input{ text-indent:30px; } /* WYSIWYG __________________________________________________________*/ .wysiwyg{ border:solid 2px #e5e7f0; background-color:#fff; border-radius:.28571429rem; } .wysiwyg .wysiwyg-toolbar{ background-color:#f9f9f9; border-radius:.28571429rem; border-bottom:solid 2px #e5e7f0; border-bottom-left-radius:0; border-bottom-right-radius:0; } .wysiwyg .wysiwyg-toolbar > ul{ display:flex; align-items:center; } .wysiwyg .wysiwyg-toolbar > ul > li{ color:#4c4c65; font-size:11px; padding:5px 5px; border-radius:.28571429rem; margin:3px; font-weight:600; position:relative; } .wysiwyg .wysiwyg-toolbar > ul > li:not(.no-hover):hover{ background-color:#f2f2f4; color:#4573f8; cursor:pointer; } .wysiwyg .wysiwyg-toolbar > ul > li.seperator{ width:1px; height:15px; background-color:#e5e7f0; margin:0 5px; padding:0; border-radius:0; } .wysiwyg .wysiwyg-content{ padding:.77857143em 0.8em; font-size:12px; min-height:300px; white-space:pre-wrap; color:#000; } @media (max-width:992px){ .wysiwyg .wysiwyg-content{ font-size:16px; } }/* ======================================= KANBAN ======================================= */ ul.kanban{ position:relative; height:100vh; overflow-y:hidden; white-space:nowrap; background-color:#f5f7fb; } ul.kanban > li{ position:relative; display:inline-block; border-right:solid 1px #ededed; height:100%; width:400px; vertical-align:top } ul.kanban > li .kanban-headline{ position:absolute; top:0; left:0; padding:20px 40px; font-weight:600; font-size:13px; } ul.kanban > li ul.kanban-items{ position:relative; margin-top:70px; } ul.kanban > li ul.kanban-items > li{ background-color:#fff; box-shadow:0px 4px 30px 0 rgba(0,0,0,.05),0px 0 2px 0 rgba(0,0,0,.08); border-radius:10px; padding:20px; margin:0 40px; font-size:13px; line-height:1.4; }/* Word Animation __________________________________________________________*/ [word-animation]{ vertical-align:top; position:relative; display:inline-block; } [word-animation] > span{ opacity:0; top:.2em; display:inline-block; position:absolute; white-space:nowrap; left:0; top:0; } [word-animation].activated > span.is-visible{ top:0; opacity:1; -webkit-animation:WordAnimationSlideIn 0.6s; -moz-animation:WordAnimationSlideIn 0.6s; animation:WordAnimationSlideIn 0.6s; } [word-animation].activated > span.is-hidden{ -webkit-animation:WordAnimationSlideOut 0.6s; -moz-animation:WordAnimationSlideOut 0.6s; animation:WordAnimationSlideOut 0.6s; } @-webkit-keyframes WordAnimationSlideIn{ 0%{ opacity:0; -webkit-transform:translateY(-100%); } 60%{ opacity:1; -webkit-transform:translateY(20%); } 100%{ opacity:1; -webkit-transform:translateY(0); } } @-moz-keyframes WordAnimationSlideIn{ 0%{ opacity:0; -moz-transform:translateY(-100%); } 60%{ opacity:1; -moz-transform:translateY(20%); } 100%{ opacity:1; -moz-transform:translateY(0); } } @keyframes WordAnimationSlideIn{ 0%{ opacity:0; -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -ms-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); } 60%{ opacity:1; -webkit-transform:translateY(20%); -moz-transform:translateY(20%); -ms-transform:translateY(20%); -o-transform:translateY(20%); transform:translateY(20%); } 100%{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } } @-webkit-keyframes WordAnimationSlideOut{ 0%{ opacity:1; -webkit-transform:translateY(0); } 60%{ opacity:0; -webkit-transform:translateY(120%); } 100%{ opacity:0; -webkit-transform:translateY(100%); } } @-moz-keyframes WordAnimationSlideOut{ 0%{ opacity:1; -moz-transform:translateY(0); } 60%{ opacity:0; -moz-transform:translateY(120%); } 100%{ opacity:0; -moz-transform:translateY(100%); } } @keyframes WordAnimationSlideOut{ 0%{ opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } 60%{ opacity:0; -webkit-transform:translateY(120%); -moz-transform:translateY(120%); -ms-transform:translateY(120%); -o-transform:translateY(120%); transform:translateY(120%); } 100%{ opacity:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); -o-transform:translateY(100%); transform:translateY(100%); } }/* Hover Menu __________________________________________________________*/ [hover-menu]{ position:relative; } [hover-menu] > ul > li{ position:relative; z-index:10; } [hover-menu] > ul > li [hover-menu-content]{ position:absolute; padding:20px 30px; left:50%; top:0; transform:translate3d(-55%,35px,0); width:auto; z-index:10; opacity:0; transition:all 0.2s; min-width:350px; pointer-events:none; } [hover-menu] > ul > li.next [hover-menu-content]{ transform:translate3d(-45%,35px,0); } [hover-menu] > ul > li.hover [hover-menu-content]{ opacity:1; transform:translate3d(-50%,35px,0); overflow-x:visible; pointer-events:all; } [hover-menu] > ul > li [hover-menu-content] > ul{ display:flex; flex-flow:wrap; } [hover-menu] > ul > li [hover-menu-content] > ul > li{ flex-shrink:0; text-align:left; width:50%; } [hover-menu] > ul > li [hover-menu-content] > ul > li.w100{ width:100%; } [hover-menu] > ul > li [hover-menu-content] > ul > li > a{ color:var(--text-color); display:block; padding:10px 0; display:flex; align-items:center; font-size:14px; font-weight:600; } [hover-menu] > ul > li [hover-menu-content] > ul > li > a:hover{ color:var(--main-color); } [hover-menu] > ul > li [hover-menu-content] > ul > li img{ max-width:15px; max-height:15px; margin-right:5px; } [hover-menu] > [hover-menu-bg]{ position:absolute; top:35px; z-index:1; transition:all 0.2s; transform-origin:0 0; opacity:0; pointer-events:none; transform:translate3d(0,10px,0); } [hover-menu] > [hover-menu-bg].hover{ opacity:1; transform:translate3d(0,0,0); } [hover-menu] > [hover-menu-bg] .content{ position:absolute; width:100%; height:100%; background-color:var(--bg-color); box-shadow:0 10px 50px 0 rgba(16,24,40,.175); border-radius:10px; padding:20px; top:0; left:50%; transform:translate3d(-50%,0,0); } [hover-menu] > [hover-menu-bg] .content:after{ bottom:100%; left:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,255,255,0); border-bottom-color:#fff; border-width:5px; margin-left:-5px; }/* Multi Preview Upload __________________________________________________________*/ [multi-prevew-upload] [files]{ display:flex; flex-wrap:wrap; align-items:flex-start; width:100%; } [multi-prevew-upload] [files] > li{ flex:0 0 auto; width:33.3333333333%; padding-left:0.5em; padding-right:0.5em; } /* MD */ @media (max-width:1200px){ [multi-prevew-upload] [files] > li{ width:50%; } } /* MD */ @media (max-width:992px){ [multi-prevew-upload] [files] > li{ width:100%; } } [multi-prevew-upload] [files] > li > div{ background-color:var(--bg-color); border:solid 1px var(--border-color); padding:30px; margin-bottom:10px; box-shadow:0 0 2px 0 rgba(0,0,0,.15),0 0 50px 0 rgba(16,24,40,.05); border-radius:10px; overflow:hidden; position:relative; } [multi-prevew-upload] [files] > li > div img{ height:100px; } [multi-prevew-upload] [files] > li.upload > div{ height:230px; position:relative; background-color:var(--main-color); } [multi-prevew-upload] [files] > li.upload > div:hover{ filter:brightness(115%); cursor:pointer; } [multi-prevew-upload] [files] > li.upload > div > div{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); pointer-events:none; color:#fff; font-size:12px; font-weight:600; } [multi-prevew-upload] [files] > li.upload > div > div > i{ font-size:40px; margin-bottom:5px; } [multi-prevew-upload] [files] > li > div > .title{ text-align:center; font-weight:600; font-size:12px; } [multi-prevew-upload] [files] > li > div > .button[remove]{ background-color:rgba(0,0,0,0.075); border:0; font-size:11px; margin-top:15px; } [multi-prevew-upload] [files] > li > div > .button[remove]:hover{ background-color:rgba(0,0,0,0.15); }/* Animate __________________________________________________________*/ [media-slider]{ display:inline-flex; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-duration:40s; animation-duration:40s; -webkit-animation-name:mediaSlider; animation-name:mediaSlider; will-change:transform; -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); -webkit-transform-origin:100% 100%; transform-origin:100% 100%; gap:10px; margin-bottom:10px; } [media-slider][slower]{ -webkit-animation-duration:75s; animation-duration:75s; } [media-slider][slow]{ -webkit-animation-duration:50s; animation-duration:50s; } [media-slider][fast]{ -webkit-animation-duration:25s; animation-duration:25s; } [media-slider]:not([no-hover]):hover{ -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused; } [media-slider][reverse]{ -webkit-animation-name:mediaSliderReverse; animation-name:mediaSliderReverse; } [media-slider] li{ height:200px; flex-shrink:0; flex-grow:0; border-radius:10px; overflow:hidden; transition:transform .1s linear,-webkit-transform .1s linear; z-index:1; } [media-slider]:not([no-hover]) li:hover{ transform:scaleX(1.04762) scaleY(1.08333); z-index:2; cursor:pointer; } [media-slider] li img{ height:100%; width:auto; } /* LG */ @media (max-width:1600px){ [media-slider] li{ height:160px; } } /* MD */ @media (max-width:1200px){ [media-slider] li{ height:140px; } } /* SM */ @media (max-width:992px){ [media-slider] li{ height:120px; } } /* XS */ @media (max-width:768px){ [media-slider] li{ height:100px; } } @media (max-width:1200px){ [media-slider]{ -webkit-animation-name:none; animation-name:none; overflow-y:auto; width:100%; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @-webkit-keyframes mediaSlider{ 0%{ -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } @keyframes mediaSlider{ 0%{ -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); } to{ -webkit-transform:translate3d(0,0,0); transform:translateX(0,0,0); } } @-webkit-keyframes mediaSliderReverse{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); } } @keyframes mediaSliderReverse{ 0%{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ -webkit-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0); } }/* Weapon Wheel __________________________________________________________*/ [weapon-wheel-trigger] > ul{ display:none; } [weapon-wheel]{ position:fixed; z-index:9999; } [weapon-wheel] ul{ width:80px; height:80px; border-radius:100%; grid-row-start:2; grid-column-start:2; display:grid; grid-template-columns:50% 50%; grid-template-rows:50% 50%; z-index:10; } [weapon-wheel] ul li{ border:0 solid transparent; background:var(--main-color); color:#fff; cursor:pointer; position:relative; top:0; left:0; outline:none; transition:background 0.2s ease-in-out,transform 0.2s ease-in-out; text-align:center; } [weapon-wheel] ul li:hover{ background:#2a39d5; } [weapon-wheel] ul li img{ max-height:15px; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); filter:invert(100%) sepia(100%) saturate(1%) hue-rotate(68deg) brightness(106%) contrast(101%); } /* Options 4 */ [weapon-wheel].options-4 ul li:first-child{ border-top-left-radius:95%; margin-left:12%; margin-top:12%; padding-top:10%; padding-left:10%; transform-origin:bottom right; } [weapon-wheel].options-4 ul li:nth-child(2){ border-top-right-radius:95%; margin-right:12%; margin-top:12%; padding-top:10%; padding-right:10%; transform-origin:bottom left; } [weapon-wheel].options-4 ul li:nth-child(3){ border-bottom-left-radius:95%; margin-left:12%; margin-bottom:12%; padding-left:14%; padding-bottom:14%; transform-origin:top right; } [weapon-wheel].options-4 ul li:last-child{ border-bottom-right-radius:95%; margin-right:12%; margin-bottom:12%; padding-right:14%; padding-bottom:14%; transform-origin:top left; } /* Options 3 */ [weapon-wheel].options-3 ul{ grid-template-columns:50% 50%; } [weapon-wheel].options-3 ul li:first-child{ border-radius:0; transform-origin:bottom right; border-top-left-radius:40px; line-height:40px; margin-top:5%; margin-left:5%; } [weapon-wheel].options-3 ul li:nth-child(2){ border-radius:0; transform-origin:center left; grid-row:span 2; border-bottom-right-radius:40px; border-top-right-radius:40px; line-height:80px; margin-bottom:5%; margin-right:5%; margin-top:5%; } [weapon-wheel].options-3 ul li:last-child{ border-radius:0; transform-origin:top right; border-bottom-left-radius:40px; line-height:40px; margin-bottom:5%; margin-left:5%; } /* Options 2 */ [weapon-wheel].options-2 ul{ grid-template-columns:50% 50%; } [weapon-wheel].options-2 ul li:first-child{ border-radius:0; transform-origin:center right; grid-row:span 2; border-bottom-left-radius:40px; border-top-left-radius:40px; line-height:80px; } [weapon-wheel].options-2 ul li:last-child{ border-radius:0; transform-origin:center left; grid-row:span 2; border-bottom-right-radius:40px; border-top-right-radius:40px; line-height:80px; } /** * Multiple Selection Component for Bootstrap * Check nicolasbize.github.io/magicsuggest/ for latest updates. * * Author: Nicolas Bize * Created: Feb 8th 2013 * Last Updated:Oct 16th 2014 * Version: 2.1.4 * Licence: MagicSuggest is licenced under MIT licence (http://opensource.org/licenses/MIT) */ .ms-ctn{ position:relative; padding:5px 12px; height:auto; } .ms-inv{ border:1px solid #CC0000; } .ms-ctn-readonly{ cursor:pointer; } .ms-ctn-disabled{ cursor:not-allowed; background-color:#eeeeee; } .ms-ctn input{ border:0; box-shadow:none; -webkit-transition:none; outline:none; display:block; padding:0; line-height:1.42857143; margin:1px 0; width:100%; background-color:transparent; } .ms-ctn .ms-sel-ctn input{ float:left; } .ms-ctn-disabled input{ cursor:not-allowed; background-color:#eeeeee; } .ms-ctn .ms-input-readonly{ cursor:pointer; } .ms-ctn .ms-empty-text{ color:#DDD; } .ms-ctn input:focus{ border:0; box-shadow:none; -webkit-transition:none; } .ms-ctn input::-ms-clear{ width:0; height:0; } .ms-ctn .ms-trigger{ top:0; width:25px; height:100%; position:absolute; right:0; background:transparent; cursor:pointer; } .ms-ctn .ms-trigger .ms-trigger-ico{ display:inline-block; width:0; height:0; vertical-align:top; border-top:4px solid #333; border-right:4px solid transparent; border-left:4px solid transparent; content:""; margin-left:8px; margin-top:15px; } .ms-ctn .ms-trigger:hover{ background-color:rgba(0,0,0,0.1); } .ms-ctn .ms-trigger:hover .ms-trigger-ico{ background-position:0 -4px; } .ms-ctn-disabled .ms-trigger{ cursor:not-allowed; background-color:#eeeeee; } .ms-ctn-bootstrap-focus{ border-bottom:1px solid #CCC; } .ms-res-ctn{ width:100%; display:block; overflow-y:auto; background-color:#000; } .ms-res-ctn.dropdown-menu{ position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:5px 0; margin:2px 0 0; list-style:none; font-size:14px; background-color:#000; border-radius:4px; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175); background-clip:padding-box; } .ms-res-ctn .ms-res-group{ line-height:23px; text-align:left; padding:2px 5px; font-weight:bold; border-bottom:1px dotted #CCC; border-top:1px solid #CCC; background:#f3edff; color:#333; } .ms-res-ctn .ms-res-item{ line-height:25px; text-align:left; padding:2px 5px; color:#666; cursor:pointer; } .ms-res-ctn .ms-res-item-grouped{ padding-left:15px; } .ms-res-ctn .ms-res-odd{ background:#FAFAFA; } .ms-res-ctn .ms-res-item-active{ background-color:#000; } .ms-res-ctn .ms-res-item-disabled{ color:#CCC; cursor:default; } .ms-sel-ctn{ overflow:auto; line-height:18px; padding:5px; background-color:rgba(255,255,255,0.04); } .ms-no-trigger .ms-sel-ctn{ padding-right:0; } /** Outer and global tags **/ .ms-sel-ctn .ms-sel-item{ background:#F3F3F3; color:#999; float:left; font-size:12px; padding:3px 5px; border-radius:3px; border:1px solid #DDD; margin:3px 0px 1px 0; } .ms-sel-ctn .ms-sel-invalid{ border-color:rgb(248,165,165) !important; background:#FDF2F2 !important; } .ms-sel-ctn .ms-sel-item:hover{ border:1px solid #BBB; } /** For inner tags **/ .ms-ctn .ms-sel-item{ background:#000; color:#fff; float:left; font-size:12px; padding:0 5px; border-radius:3px; border:1px solid rgba(255,255,255,0.1); margin:1px 5px 1px 0; } .ms-ctn .ms-sel-item:hover{ border:1px solid transparent; } .ms-ctn-focus .ms-sel-item:hover{ border:1px solid #BBB; } .ms-sel-ctn .ms-sel-text{ background:#FFF; color:#666; padding-right:0; margin-left:0; font-size:14px; font-weight:normal; } .ms-as-string .ms-sel-text{ border-color:transparent; } .ms-res-ctn .ms-res-item em{ font-style:normal; background:#565656; color:#FFF; } .ms-sel-ctn .ms-sel-text:hover{ background:#FFF; } .ms-sel-ctn .ms-sel-item-active{ border:1px solid red; background:#757575; } .ms-stacked .ms-sel-item{ float:inherit; } .ms-sel-ctn .ms-sel-item .ms-close-btn{ width:7px; cursor:pointer; height:7px; float:right; margin:6px 2px 0 10px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAOCAYAAADjXQYbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjahI7BCQAwCAOTzpThHMHh3Kl9CVos9XckFwQAuPtGuWTWwMwaczKzyHsqg6+5JqMJr28BABHRwmTWQFJjTmYWOU1L4tdck9GE17dnALGAS+kAR/u2AAAAAElFTkSuQmCC); background-position:0 -7px; } .ms-sel-ctn .ms-sel-item .ms-close-btn:hover{ background-position:0 0; } .ms-stacked .ms-sel-item .ms-close-btn{ margin-left:0px; } .ms-helper{ color:#AAA; font-size:10px; position:absolute; top:-17px; right:0; } .ms-ctn.input-lg .ms-trigger .ms-trigger-ico{ margin-top:17px } .ms-ctn.input-sm .ms-trigger .ms-trigger-ico{ margin-top:13px } .ms-ctn.input-lg .ms-sel-ctn .ms-sel-item{ padding-top:2px; padding-bottom:3px; } .ms-ctn.input-sm .ms-sel-ctn{ line-height:15px; } .ms-ctn.input-sm .ms-sel-ctn .ms-sel-item{ padding-top:1px; padding-bottom:1px; margin-top:0; margin-bottom:0; } .ms-ctn.input-sm .ms-sel-ctn .ms-sel-item .ms-close-btn{ margin-top:4px; } .ms-ctn .ms-sel-ctn{ margin-left:-7px; } .ms-ctn .ms-trigger:hover{ width:24px; right:1px; border-radius:0 3px 3px 0; } /* BreakPoints __________________________________________________________*/ /* bp-1 1920 bp-2 1800 bp-3 1700 bp-4 1600 bp-5 1500 bp-6 1400 bp-7 1300 bp-8 1200 bp-9 1000 bp-10 800 */ /* BP-1 */ @media (min-width:1921px){} /* BP-1 */ @media (max-width:1920px){} /* BP-2 */ @media (max-width:1800px){} /* BP-3 */ @media (max-width:1700px){} /* BP-4 */ @media (max-width:1600px){} /* BP-5 */ @media (max-width:1500px){} /* BP-6 */ @media (max-width:1400px){} /* BP-7 */ @media (max-width:1300px){} /* BP-8 */ @media (max-width:1200px){} /* BP-9 */ @media (max-width:1000px){} /* BP-10 */ @media (max-width:800px){} body{ --flexsite-text-color:#fff; --flexsite-text-color-alt:#a6a6a6; --flexsite-text-color-40:rgba(255,255,255,0.6); --flexsite-text-color-50:rgba(255,255,255,0.5); --flexsite-text-color-60:rgba(255,255,255,0.6); } body.flexsite-light{ --flexsite-text-color:#000; --flexsite-text-color-alt:#272727; --flexsite-text-color-40:rgba(0,0,0,0.4); --flexsite-text-color-50:rgba(0,0,0,0.5); --flexsite-text-color-60:rgba(0,0,0,0.6); } [bp0-visible], [bp1-visible], [bp2-visible], [bp3-visible], [bp4-visible], [bp5-visible], [bp6-visible], [bp7-visible], [bp8-visible], [bp9-visible], [bp10-visible]{ display:none; } /* BP-1 */ @media (min-width:1921px){ [bp0-hidden]{display:none;}[bp0-visible]{display:block;}} /* BP-1 */ @media (max-width:1920px){[bp1-hidden]{display:none;}[bp1-visible]{display:block;}} /* BP-2 */ @media (max-width:1800px){ [bp2-hidden]{display:none;}[bp2-visible]{display:block;}} /* BP-3 */ @media (max-width:1700px){ [bp3-hidden]{display:none;}[bp3-visible]{display:block;}} /* BP-4 */ @media (max-width:1600px){ [bp4-hidden]{display:none;}[bp4-visible]{display:block;}} /* BP-5 */ @media (max-width:1500px){ [bp5-hidden]{display:none;}[bp5-visible]{display:block;}} /* BP-6 */ @media (max-width:1400px){ [bp6-hidden]{display:none;}[bp6-visible]{display:block;}} /* BP-7 */ @media (max-width:1300px){ [bp7-hidden]{display:none;}[bp7-visible]{display:block;}} /* BP-8 */ @media (max-width:1200px){ [bp8-hidden]{display:none;}[bp8-visible]{display:block;}} /* BP-9 */ @media (max-width:1000px){ [bp9-hidden]{display:none;}[bp9-visible]{display:block;}} /* BP-10 */ @media (max-width:800px){ [bp10-hidden]{display:none;}[bp10-visible]{display:block;}} /* BP-1 - Down */ @media (max-width:1920px){ [bp10-hidden-down]{display:none;} } /* BP-1 - Up */ @media (min-width:1801px){ [bp1-hidden-up]{display:none;} } /* BP-2 - Down */ @media (max-width:1800px){ [bp2-hidden-down]{display:none;} } /* BP-2 - Up */ @media (min-width:1701px){ [bp2-hidden-up]{display:none;} } /* BP-3 - Down */ @media (max-width:1700px){ [bp3-hidden-down]{display:none;} } /* BP-3 - Up */ @media (min-width:1601px){ [bp3-hidden-up]{display:none;} } /* BP-4 - Down */ @media (max-width:1600px){ [bp4-hidden-down]{display:none;} } /* BP-4 - Up */ @media (min-width:1501px){ [bp4-hidden-up]{display:none;} } /* BP-5 - Down */ @media (max-width:1500px){ [bp5-hidden-down]{display:none;} } /* BP-5 - Up */ @media (min-width:1401px){ [bp5-hidden-up]{display:none;} } /* BP-6 - Down */ @media (max-width:1400px){ [bp6-hidden-down]{display:none;} } /* BP-6 - Up */ @media (min-width:1301px){ [bp6-hidden-up]{display:none;} } /* BP-7 - Down */ @media (max-width:1300px){ [bp7-hidden-down]{display:none;} } /* BP-7 - Up */ @media (min-width:1201px){ [bp7-hidden-up]{display:none;} } /* BP-8 - Down */ @media (max-width:1200px){ [bp8-hidden-down]{display:none;} } /* BP-8 - Up */ @media (min-width:1001px){ [bp8-hidden-up]{display:none;} } /* BP-9 - Down */ @media (max-width:1000px){ [bp9-hidden-down]{display:none;} } /* BP-9 - Up */ @media (min-width:801px){ [bp9-hidden-up]{display:none;} } /* FIX FOR SMALL HEIGHT */ @media (max-height:750px){ [bp6-hidden-down], [bp5-hidden-down], [bp4-hidden-down], [bp3-hidden-down], [bp2-hidden-down], [bp1-hidden-down]{ display:none; } [bp1-hidden-up], [bp2-hidden-up], [bp3-hidden-up], [bp4-hidden-up]{ display:block; } } /* FIX FOR SMALL HEIGHT */ @media (max-height:750px) and (min-width:1500px){ [section-bg] [bp6-hidden-down], [section-bg] [bp5-hidden-down], [section-bg] [bp4-hidden-down], [section-bg] [bp3-hidden-down], [section-bg] [bp2-hidden-down], [section-bg] [bp1-hidden-down]{ display:block; } [section-bg] [bp1-hidden-up], [section-bg] [bp2-hidden-up], [section-bg] [bp3-hidden-up], [section-bg] [bp4-hidden-up]{ display:none; } } /* BP-1 */ @media (max-width:1920px){ [row] [col-bp1-12]{ width:100%!important;} [row] [col-bp1-11]{ width:91.6666666667%!important;} [row] [col-bp1-10]{ width:83.3333333333%!important;} [row] [col-bp1-9]{ width:75%!important;} [row] [col-bp1-8]{ width:66.6666666667%!important;} [row] [col-bp1-7]{ width:58.3333333333%!important;} [row] [col-bp1-6]{ width:50%!important;} [row] [col-bp1-5]{ width:41.6666666667%!important;} [row] [col-bp1-4]{ width:33.3333333333%!important;} [row] [col-bp1-3]{ width:25%!important;} [row] [col-bp1-2]{ width:16.6666666667%!important;} [row] [col-bp1-1]{ width:8.3333333333%!important; } [bp1-order-1]{ order:1!important; } [bp1-order-2]{ order:2!important; } [bp1-order-3]{ order:3!important; } } /* BP-2 */ @media (max-width:1800px){ [row] [col-bp2-12]{ width:100%!important;} [row] [col-bp2-11]{ width:91.6666666667%!important;} [row] [col-bp2-10]{ width:83.3333333333%!important;} [row] [col-bp2-9]{ width:75%!important;} [row] [col-bp2-8]{ width:66.6666666667%!important;} [row] [col-bp2-7]{ width:58.3333333333%!important;} [row] [col-bp2-6]{ width:50%!important;} [row] [col-bp2-5]{ width:41.6666666667%!important;} [row] [col-bp2-4]{ width:33.3333333333%!important;} [row] [col-bp2-3]{ width:25%!important;} [row] [col-bp2-2]{ width:16.6666666667%!important;} [row] [col-bp2-1]{ width:8.3333333333%!important; } [bp2-order-1]{ order:1!important; } [bp2-order-2]{ order:2!important; } [bp2-order-3]{ order:3!important; } } /* BP-3 */ @media (max-width:1700px){ [row] [col-bp3-12]{ width:100%!important;} [row] [col-bp3-11]{ width:91.6666666667%!important;} [row] [col-bp3-10]{ width:83.3333333333%!important;} [row] [col-bp3-9]{ width:75%!important;} [row] [col-bp3-8]{ width:66.6666666667%!important;} [row] [col-bp3-7]{ width:58.3333333333%!important;} [row] [col-bp3-6]{ width:50%!important;} [row] [col-bp3-5]{ width:41.6666666667%!important;} [row] [col-bp3-4]{ width:33.3333333333%!important;} [row] [col-bp3-3]{ width:25%!important;} [row] [col-bp3-2]{ width:16.6666666667%!important;} [row] [col-bp3-1]{ width:8.3333333333%!important; } [bp3-order-1]{ order:1!important; } [bp3-order-2]{ order:2!important; } [bp3-order-3]{ order:3!important; } } /* BP-4 */ @media (max-width:1600px){ [row] [col-bp4-12]{ width:100%!important;} [row] [col-bp4-11]{ width:91.6666666667%!important;} [row] [col-bp4-10]{ width:83.3333333333%!important;} [row] [col-bp4-9]{ width:75%!important;} [row] [col-bp4-8]{ width:66.6666666667%!important;} [row] [col-bp4-7]{ width:58.3333333333%!important;} [row] [col-bp4-6]{ width:50%!important;} [row] [col-bp4-5]{ width:41.6666666667%!important;} [row] [col-bp4-4]{ width:33.3333333333%!important;} [row] [col-bp4-3]{ width:25%!important;} [row] [col-bp4-2]{ width:16.6666666667%!important;} [row] [col-bp4-1]{ width:8.3333333333%!important; } [bp4-order-1]{ order:1!important; } [bp4-order-2]{ order:2!important; } [bp4-order-3]{ order:3!important; } } /* BP-5 */ @media (max-width:1500px){ [row] [col-bp5-12]{ width:100%!important;} [row] [col-bp5-11]{ width:91.6666666667%!important;} [row] [col-bp5-10]{ width:83.3333333333%!important;} [row] [col-bp5-9]{ width:75%!important;} [row] [col-bp5-8]{ width:66.6666666667%!important;} [row] [col-bp5-7]{ width:58.3333333333%!important;} [row] [col-bp5-6]{ width:50%!important;} [row] [col-bp5-5]{ width:41.6666666667%!important;} [row] [col-bp5-4]{ width:33.3333333333%!important;} [row] [col-bp5-3]{ width:25%!important;} [row] [col-bp5-2]{ width:16.6666666667%!important;} [row] [col-bp5-1]{ width:8.3333333333%!important; } [bp5-order-1]{ order:1!important; } [bp5-order-2]{ order:2!important; } [bp5-order-3]{ order:3!important; } } /* BP-6 */ @media (max-width:1400px){ [row] [col-bp6-12]{ width:100%!important;} [row] [col-bp6-11]{ width:91.6666666667%!important;} [row] [col-bp6-10]{ width:83.3333333333%!important;} [row] [col-bp6-9]{ width:75%!important;} [row] [col-bp6-8]{ width:66.6666666667%!important;} [row] [col-bp6-7]{ width:58.3333333333%!important;} [row] [col-bp6-6]{ width:50%!important;} [row] [col-bp6-5]{ width:41.6666666667%!important;} [row] [col-bp6-4]{ width:33.3333333333%!important;} [row] [col-bp6-3]{ width:25%!important;} [row] [col-bp6-2]{ width:16.6666666667%!important;} [row] [col-bp6-1]{ width:8.3333333333%!important; } [bp6-order-1]{ order:1!important; } [bp6-order-2]{ order:2!important; } [bp6-order-3]{ order:3!important; } } /* BP-7 */ @media (max-width:1300px){ [row] [col-bp7-12]{ width:100%!important;} [row] [col-bp7-11]{ width:91.6666666667%!important;} [row] [col-bp7-10]{ width:83.3333333333%!important;} [row] [col-bp7-9]{ width:75%!important;} [row] [col-bp7-8]{ width:66.6666666667%!important;} [row] [col-bp7-7]{ width:58.3333333333%!important;} [row] [col-bp7-6]{ width:50%!important;} [row] [col-bp7-5]{ width:41.6666666667%!important;} [row] [col-bp7-4]{ width:33.3333333333%!important;} [row] [col-bp7-3]{ width:25%!important;} [row] [col-bp7-2]{ width:16.6666666667%!important;} [row] [col-bp7-1]{ width:8.3333333333%!important; } [bp7-order-1]{ order:1!important; } [bp7-order-2]{ order:2!important; } [bp7-order-3]{ order:3!important; } } /* BP-8 */ @media (max-width:1200px){ [row] [col-bp8-12]{ width:100%!important;} [row] [col-bp8-11]{ width:91.6666666667%!important;} [row] [col-bp8-10]{ width:83.3333333333%!important;} [row] [col-bp8-9]{ width:75%!important;} [row] [col-bp8-8]{ width:66.6666666667%!important;} [row] [col-bp8-7]{ width:58.3333333333%!important;} [row] [col-bp8-6]{ width:50%!important;} [row] [col-bp8-5]{ width:41.6666666667%!important;} [row] [col-bp8-4]{ width:33.3333333333%!important;} [row] [col-bp8-3]{ width:25%!important;} [row] [col-bp8-2]{ width:16.6666666667%!important;} [row] [col-bp8-1]{ width:8.3333333333%!important; } [bp8-order-1]{ order:1!important; } [bp8-order-2]{ order:2!important; } [bp8-order-3]{ order:3!important; } } /* BP-9 */ @media (max-width:1000px){ [row] [col-bp9-12]{ width:100%!important;} [row] [col-bp9-11]{ width:91.6666666667%!important;} [row] [col-bp9-10]{ width:83.3333333333%!important;} [row] [col-bp9-9]{ width:75%!important;} [row] [col-bp9-8]{ width:66.6666666667%!important;} [row] [col-bp9-7]{ width:58.3333333333%!important;} [row] [col-bp9-6]{ width:50%!important;} [row] [col-bp9-5]{ width:41.6666666667%!important;} [row] [col-bp9-4]{ width:33.3333333333%!important;} [row] [col-bp9-3]{ width:25%!important;} [row] [col-bp9-2]{ width:16.6666666667%!important;} [row] [col-bp9-1]{ width:8.3333333333%!important; } [bp9-order-1]{ order:1!important; } [bp9-order-2]{ order:2!important; } [bp9-order-3]{ order:3!important; } } /* BP-10 */ @media (max-width:800px){ [row] [col-bp10-12]{ width:100%!important;} [row] [col-bp10-11]{ width:91.6666666667%!important;} [row] [col-bp10-10]{ width:83.3333333333%!important;} [row] [col-bp10-9]{ width:75%!important;} [row] [col-bp10-8]{ width:66.6666666667%!important;} [row] [col-bp10-7]{ width:58.3333333333%!important;} [row] [col-bp10-6]{ width:50%!important;} [row] [col-bp10-5]{ width:41.6666666667%!important;} [row] [col-bp10-4]{ width:33.3333333333%!important;} [row] [col-bp10-3]{ width:25%!important;} [row] [col-bp10-2]{ width:16.6666666667%!important;} [row] [col-bp10-1]{ width:8.3333333333%!important; } [bp10-order-1]{ order:1!important; } [bp10-order-2]{ order:2!important; } [bp10-order-3]{ order:3!important; } } /* RESET __________________________________________________________*/ [flexsite] section{ padding:0; min-height:0; } /* CONTAINERS __________________________________________________________*/ body.flexsite #app{ overflow-y:hidden!important; } [flexsite]{ position:relative; transform:translate3d(0,0,0); overflow-y:auto; overflow-x:hidden; transition:all 0.7s ease; will-change:transform; } [flexsite] [flexsite-container]{ position:relative; } [flexsite] [flexsite-container][horizontal]{ display:flex; overflow-x:visible; flex-wrap:nowrap; transform:translate3d(0,0,0); transition:all 0.7s ease; will-change:transform; } [flexsite] [flexsite-container][horizontal] section{ width:100%; min-width:100%; } /* SECTIONS __________________________________________________________*/ [flexsite] [flexsite-container] section{ width:100%; position:relative; overflow:hidden; } [flexsite] [flexsite-container] section [section-bg]{ position:absolute; width:100%; height:100%; top:50%; left:50%; transform:translate3d(-50%,-50%,0); transition:all 0.7s ease; overflow:hidden; will-change:transform; } /* zoomout */ [flexsite] [flexsite-container] section.zoomout [section-bg]{ transform:translate3d(-50%,-50%,0) scale(0.8,0.8); transform-origin:center; } [flexsite] [flexsite-container] section.out-down [section-bg]{ transform:translate3d(-50%,-10%,0); } [flexsite] [flexsite-container] section.out-up [section-bg]{ transform:translate3d(-50%,-90%,0); } [flexsite] [flexsite-container] section.out-left [section-bg]{ transform:translate3d(-10%,-50%,0); } [flexsite] [flexsite-container] section.out-right [section-bg]{ transform:translate3d(-90%,-50%,0); } [flexsite] [flexsite-container] section [section-bg] img{ position:absolute; object-fit:cover; object-position:center; width:100%; height:100%; z-index:1; } [flexsite] [flexsite-container] section [section-bg]::after{ content:''; position:absolute; width:101%; height:100%; top:0; left:-1px; -webkit-transition:all .3s cubic-bezier(.25,.25,.75,.75); transition:all .3s cubic-bezier(.25,.25,.75,.75); background-color:transparent; /*background-image:radial-gradient(at center right,#FFFFFF00 50%,#00000096 100%);*/ background-image:radial-gradient(at center right,#FFFFFF00 25%,#00000096 100%); z-index:10; } [flexsite] [flexsite-container] section[theme='light'] [section-bg]::after{ display:none; } [flexsite] [flexsite-container] section [section-bg] [shadow]{ position:absolute; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); left:0; bottom:-1px; width:100%; height:200px; z-index:20; display:none; } [flexsite] [flexsite-container] section[shadow] [section-bg] [shadow]{ display:block; } @media (min-width:1400px){ [flexsite] [flexsite-container] section[shadow] [section-bg]{ height:70%; top:0; transform:translate3d(-50%,0,0); } [flexsite] [flexsite-container] section[shadow] [section-bg] [shadow]{ height:50%; } } /* CONTENT __________________________________________________________*/ [flexsite] [flexsite-container] section [content]{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); } [flexsite] [flexsite-container] section [content-1]{ width:10%;} [flexsite] [flexsite-container] section [content-2]{ width:20%;} [flexsite] [flexsite-container] section [content-3]{ width:30%;} [flexsite] [flexsite-container] section [content-4]{ width:40%;} [flexsite] [flexsite-container] section [content-5]{ width:50%;} [flexsite] [flexsite-container] section [content-6]{ width:60%;} [flexsite] [flexsite-container] section [content-7]{ width:70%;} [flexsite] [flexsite-container] section [content-8]{ width:80%;} [flexsite] [flexsite-container] section [content-9]{ width:90%;} [flexsite] [flexsite-container] section [content-10]{width:100%;} /* BP-1 */ @media (max-width:1920px){ [flexsite] [flexsite-container] section [bp1-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp1-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp1-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp1-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp1-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp1-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp1-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp1-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp1-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp1-content-10]{width:100%!important;} } /* BP-2 */ @media (max-width:1800px){ [flexsite] [flexsite-container] section [bp2-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp2-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp2-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp2-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp2-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp2-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp2-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp2-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp2-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp2-content-10]{width:100%!important;} } /* BP-3 */ @media (max-width:1700px){ [flexsite] [flexsite-container] section [bp3-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp3-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp3-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp3-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp3-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp3-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp3-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp3-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp3-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp3-content-10]{width:100%!important;} } /* BP-4 */ @media (max-width:1600px){ [flexsite] [flexsite-container] section [bp4-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp4-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp4-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp4-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp4-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp4-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp4-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp4-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp4-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp4-content-10]{width:100%!important;} } /* BP-5 */ @media (max-width:1500px){ [flexsite] [flexsite-container] section [bp5-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp5-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp5-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp5-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp5-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp5-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp5-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp5-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp5-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp5-content-10]{width:100%!important;} } /* BP-6 */ @media (max-width:1400px){ [flexsite] [flexsite-container] section [bp6-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp6-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp6-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp6-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp6-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp6-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp6-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp6-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp6-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp6-content-10]{width:100%!important;} } /* BP-7 */ @media (max-width:1300px){ [flexsite] [flexsite-container] section [bp7-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp7-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp7-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp7-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp7-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp7-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp7-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp7-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp7-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp7-content-10]{width:100%!important;} } /* BP-8 */ @media (max-width:1200px){ [flexsite] [flexsite-container] section [bp8-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp8-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp8-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp8-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp8-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp8-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp8-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp8-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp8-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp8-content-10]{width:100%!important;} } /* BP-9 */ @media (max-width:1000px){ [flexsite] [flexsite-container] section [bp9-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp9-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp9-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp9-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp9-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp9-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp9-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp9-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp9-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp9-content-10]{width:100%!important;} } /* BP-10 */ @media (max-width:800px){ [flexsite] [flexsite-container] section [bp10-content-1]{ width:10%!important;} [flexsite] [flexsite-container] section [bp10-content-2]{ width:20%!important;} [flexsite] [flexsite-container] section [bp10-content-3]{ width:30%!important;} [flexsite] [flexsite-container] section [bp10-content-4]{ width:40%!important;} [flexsite] [flexsite-container] section [bp10-content-5]{ width:50%!important;} [flexsite] [flexsite-container] section [bp10-content-6]{ width:60%!important;} [flexsite] [flexsite-container] section [bp10-content-7]{ width:70%!important;} [flexsite] [flexsite-container] section [bp10-content-8]{ width:80%!important;} [flexsite] [flexsite-container] section [bp10-content-9]{ width:90%!important;} [flexsite] [flexsite-container] section [bp10-content-10]{width:100%!important;} } /* CONTENT POSITION __________________________________________________________*/ [flexsite] [flexsite-container] section [content][center]{ top:50%; left:50%; bottom:auto; right:auto; transform:translate3d(-50%,-50%,0);} [flexsite] [flexsite-container] section [content][center-top]{ top:200px;left:50%; bottom:auto; right:auto; transform:translate3d(-50%,0%,0);} [flexsite] [flexsite-container] section [content][center-bottom]{ top:auto;left:50%; bottom:80px; right:auto; transform:translate3d(-50%,0%,0);} [flexsite] [flexsite-container] section [content][left]{ top:50%; left:140px;bottom:auto; right:auto; transform:translate3d(0,-50%,0);} [flexsite] [flexsite-container] section [content][left-top]{ top:200px;left:140px;bottom:auto; right:auto; transform:translate3d(0,0,0);} [flexsite] [flexsite-container] section [content][left-bottom]{ top:auto;left:140px;bottom:80px; right:auto; transform:translate3d(0,0,0);} [flexsite] [flexsite-container] section [content][right]{ top:50%; left:auto;bottom:auto; right:140px; transform:translate3d(0,-50%,0);} [flexsite] [flexsite-container] section [content][right-top]{ top:200px;left:auto;bottom:auto; right:140px; transform:translate3d(0,0,0);} [flexsite] [flexsite-container] section [content][right-bottom]{ top:auto;left:auto;bottom:80px; right:140px; transform:translate3d(0,0,0);} [flexsite] [flexsite-container] section[responsive] [content][responsive-center]{ top:50%; left:50%; bottom:auto; right:auto; transform:translate3d(-50%,-50%,0);text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][responsive-center-bottom]{ top:auto;left:50%; bottom:80px; right:auto; transform:translate3d(-50%,0%,0);text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][responsive-left]{ top:50%; left:80px;bottom:auto; right:auto; transform:translate3d(0,-50%,0);} [flexsite] [flexsite-container] section[responsive] [content][responsive-left-bottom]{ top:auto;left:80px;bottom:80px; right:auto; transform:translate3d(0,0,0);} [flexsite] [flexsite-container] section[responsive] [content][responsive-right]{ top:50%; left:auto;bottom:auto; right:80px; transform:translate3d(0,-50%,0);} [flexsite] [flexsite-container] section[responsive] [content][responsive-right-bottom]{ top:auto;left:auto;bottom:80px; right:80px; transform:translate3d(0,0,0);} /* BP-1 */ @media (max-width:1920px){ [flexsite] [flexsite-container] section [bp1-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp1-center-top]{ top:200px!important;left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp1-center-bottom]{ top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp1-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp1-left-top]{ top:200px!important;left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp1-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp1-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp1-right-top]{ top:200px!important;left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp1-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp1-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp1-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp1-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp1-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp1-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp1-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* BP-2 */ @media (max-width:1800px){ [flexsite] [flexsite-container] section [bp2-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp2-center-bottom]{ top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp2-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp2-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp2-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp2-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp2-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp2-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp2-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp2-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp2-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp2-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* BP-3 */ @media (max-width:1700px){ [flexsite] [flexsite-container] section [bp3-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp3-center-bottom]{ top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp3-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp3-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp3-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp3-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp3-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp3-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp3-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp3-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp3-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp3-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* BP-4 */ @media (max-width:1600px){ [flexsite] [flexsite-container] section [bp4-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp4-center-bottom]{ top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp4-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp4-left-top]{ top:200px!important;left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp4-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp4-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp4-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp4-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp4-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp4-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp4-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp4-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp4-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* BP-5 */ @media (max-width:1500px){ [flexsite] [flexsite-container] section [bp5-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp5-center-bottom]{ top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp5-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp5-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp5-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp5-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp5-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp5-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp5-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp5-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp5-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp5-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* BP-6 */ @media (max-width:1400px){ [flexsite] [flexsite-container] section [bp6-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp6-center-bottom]{ top:auto!important;left:50%!important; bottom:40px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp6-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp6-left-bottom]{ top:auto!important;left:80px!important;bottom:40px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp6-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp6-right-bottom]{ top:auto!important;left:auto!important;bottom:40px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp6-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp6-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:40px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp6-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp6-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:40px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp6-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp6-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:40px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* BP-7 */ @media (max-width:1300px){ [flexsite] [flexsite-container] section [bp7-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp7-center-bottom]{ top:auto!important;left:50%!important; bottom:40px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp7-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp7-left-bottom]{ top:auto!important;left:80px!important;bottom:40px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp7-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp7-right-bottom]{ top:auto!important;left:auto!important;bottom:40px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp7-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp7-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:40px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp7-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp7-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:40px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp7-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp7-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:40px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* BP-8 */ @media (max-width:1200px){ [flexsite] [flexsite-container] section [bp8-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp8-center-bottom]{ top:auto!important;left:50%!important; bottom:40px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp8-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp8-left-bottom]{ top:auto!important;left:80px!important;bottom:40px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp8-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp8-right-bottom]{ top:auto!important;left:auto!important;bottom:40px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp8-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp8-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:40px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp8-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp8-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:40px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp8-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp8-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:40px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* BP-9 */ @media (max-width:1000px){ [flexsite] [flexsite-container] section [bp9-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp9-center-bottom]{ top:auto!important;left:50%!important; bottom:40px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp9-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp9-left-bottom]{ top:auto!important;left:80px!important;bottom:40px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp9-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp9-right-bottom]{ top:auto!important;left:auto!important;bottom:40px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp9-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp9-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:40px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp9-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp9-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:40px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp9-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp9-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:40px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* BP-10 */ @media (max-width:800px){ [flexsite] [flexsite-container] section [bp10-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;} [flexsite] [flexsite-container] section [bp10-center-bottom]{ top:auto!important;left:50%!important; bottom:40px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;} [flexsite] [flexsite-container] section [bp10-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp10-left-bottom]{ top:auto!important;left:80px!important;bottom:40px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section [bp10-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section [bp10-right-bottom]{ top:auto!important;left:auto!important;bottom:40px!important; right:80px!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp10-responsive-center]{ top:50%!important; left:50%!important; bottom:auto!important; right:auto!important; transform:translate3d(-50%,-50%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp10-responsive-center-bottom]{top:auto!important;left:50%!important; bottom:80px!important; right:auto!important; transform:translate3d(-50%,0%,0)!important;text-align:center;} [flexsite] [flexsite-container] section[responsive] [content][bp10-responsive-left]{ top:50%!important; left:80px!important;bottom:auto!important; right:auto!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp10-responsive-left-bottom]{ top:auto!important;left:80px!important;bottom:80px!important; right:auto!important; transform:translate3d(0,0,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp10-responsive-right]{ top:50%!important; left:auto!important;bottom:auto!important; right:80px!important; transform:translate3d(0,-50%,0)!important;} [flexsite] [flexsite-container] section[responsive] [content][bp10-responsive-right-bottom]{ top:auto!important;left:auto!important;bottom:80px!important; right:80px!important; transform:translate3d(0,0,0)!important;} } /* POSITION __________________________________________________________*/ [flexsite] [m-l-auto]{margin-left:auto;} [flexsite] [m-auto] {margin:0 auto;} /* TEXT ALIGN __________________________________________________________*/ [flexsite] [text-center] {text-align:center;} [flexsite] [text-left] {text-align:left;} [flexsite] [text-right] {text-align:right;} [flexsite] [text-uc] {text-transform:uppercase;} [flexsite] [text-uc-none]{text-transform:none;} /* BP-1 */ @media (max-width:1920px){ [flexsite] [bp1-text-center] {text-align:center!important;} [flexsite] [bp1-text-left] {text-align:left!important;} [flexsite] [bp1-text-right] {text-align:right!important;} [flexsite] [bp1-text-uc] {text-transform:uppercase!important;} [flexsite] [bp1-text-uc-none]{text-transform:none!important;} } /* BP-2 */ @media (max-width:1800px){ [flexsite] [bp2-text-center] {text-align:center!important;} [flexsite] [bp2-text-left] {text-align:left!important;} [flexsite] [bp2-text-right] {text-align:right!important;} [flexsite] [bp2-text-uc] {text-transform:uppercase!important;} [flexsite] [bp2-text-uc-none]{text-transform:none!important;} } /* BP-3 */ @media (max-width:1700px){ [flexsite] [bp3-text-center] {text-align:center!important;} [flexsite] [bp3-text-left] {text-align:left!important;} [flexsite] [bp3-text-right] {text-align:right!important;} [flexsite] [bp3-text-uc] {text-transform:uppercase!important;} [flexsite] [bp3-text-uc-none]{text-transform:none!important;} } /* BP-4 */ @media (max-width:1600px){ [flexsite] [bp4-text-center] {text-align:center!important;} [flexsite] [bp4-text-left] {text-align:left!important;} [flexsite] [bp4-text-right] {text-align:right!important;} [flexsite] [bp4-text-uc] {text-transform:uppercase!important;} [flexsite] [bp4-text-uc-none]{text-transform:none!important;} } /* BP-5 */ @media (max-width:1500px){ [flexsite] [bp5-text-center] {text-align:center!important;} [flexsite] [bp5-text-left] {text-align:left!important;} [flexsite] [bp5-text-right] {text-align:right!important;} [flexsite] [bp5-text-uc] {text-transform:uppercase!important;} [flexsite] [bp5-text-uc-none]{text-transform:none!important;} } /* BP-6 */ @media (max-width:1400px){ [flexsite] [bp6-text-center] {text-align:center!important;} [flexsite] [bp6-text-left] {text-align:left!important;} [flexsite] [bp6-text-right] {text-align:right!important;} [flexsite] [bp6-text-uc] {text-transform:uppercase!important;} [flexsite] [bp6-text-uc-none]{text-transform:none!important;} } /* BP-7 */ @media (max-width:1300px){ [flexsite] [bp7-text-center] {text-align:center!important;} [flexsite] [bp7-text-left] {text-align:left!important;} [flexsite] [bp7-text-right] {text-align:right!important;} [flexsite] [bp7-text-uc] {text-transform:uppercase!important;} [flexsite] [bp7-text-uc-none]{text-transform:none!important;} } /* BP-8 */ @media (max-width:1200px){ [flexsite] [bp8-text-center] {text-align:center!important;} [flexsite] [bp8-text-left] {text-align:left!important;} [flexsite] [bp8-text-right] {text-align:right!important;} [flexsite] [bp8-text-uc] {text-transform:uppercase!important;} [flexsite] [bp8-text-uc-none]{text-transform:none!important;} } /* BP-9 */ @media (max-width:1000px){ [flexsite] [bp9-text-center] {text-align:center!important;} [flexsite] [bp9-text-left] {text-align:left!important;} [flexsite] [bp9-text-right] {text-align:right!important;} [flexsite] [bp9-text-uc] {text-transform:uppercase!important;} [flexsite] [bp9-text-uc-none]{text-transform:none!important;} } /* BP-10 */ @media (max-width:800px){ [flexsite] [bp10-text-center] {text-align:center!important;} [flexsite] [bp10-text-left] {text-align:left!important;} [flexsite] [bp10-text-right] {text-align:right!important;} [flexsite] [bp10-text-uc] {text-transform:uppercase!important;} [flexsite] [bp10-text-uc-none]{text-transform:none!important;} } /* TEXT SIZE __________________________________________________________*/ [flexsite] p{ font-size:15px; font-weight:400; color:var(--text-color); opacity:0.6; line-height:1.3; } [flexsite] [text]{font-size:13px;font-weight:500;margin:10px 0 10px;} [flexsite] [text-1]{font-size:14px;} [flexsite] [text-2]{font-size:15px;} [flexsite] [text-3]{font-size:16px;} [flexsite] [text-4]{font-size:17px;} [flexsite] [text-5]{font-size:18px;} [flexsite] [text-6]{font-size:19px;} [flexsite] [text-7]{font-size:20px;} [flexsite] [text-8]{font-size:21px;} [flexsite] [text-9]{font-size:22px;} [flexsite] [text-10]{font-size:23px;line-height:1.2;} /* BP-1 */ @media (max-width:1920px){ [flexsite] [bp1-text]{font-size:13px!important;} [flexsite] [bp1-text-1]{font-size:14px!important;} [flexsite] [bp1-text-2]{font-size:15px!important;} [flexsite] [bp1-text-3]{font-size:16px!important;} [flexsite] [bp1-text-4]{font-size:17px!important;} [flexsite] [bp1-text-5]{font-size:18px!important;} [flexsite] [bp1-text-6]{font-size:19px!important;} [flexsite] [bp1-text-7]{font-size:20px!important;} [flexsite] [bp1-text-8]{font-size:21px!important;} [flexsite] [bp1-text-9]{font-size:22px!important;} [flexsite] [bp1-text-10]{font-size:23px!important;} } /* BP-2 */ @media (max-width:1800px){ [flexsite] [bp2-text]{font-size:13px!important;} [flexsite] [bp2-text-1]{font-size:14px!important;} [flexsite] [bp2-text-2]{font-size:15px!important;} [flexsite] [bp2-text-3]{font-size:16px!important;} [flexsite] [bp2-text-4]{font-size:17px!important;} [flexsite] [bp2-text-5]{font-size:18px!important;} [flexsite] [bp2-text-6]{font-size:19px!important;} [flexsite] [bp2-text-7]{font-size:20px!important;} [flexsite] [bp2-text-8]{font-size:21px!important;} [flexsite] [bp2-text-9]{font-size:22px!important;} [flexsite] [bp2-text-10]{font-size:23px!important;} } /* BP-3 */ @media (max-width:1700px){ [flexsite] [bp3-text]{font-size:13px!important;} [flexsite] [bp3-text-1]{font-size:14px!important;} [flexsite] [bp3-text-2]{font-size:15px!important;} [flexsite] [bp3-text-3]{font-size:16px!important;} [flexsite] [bp3-text-4]{font-size:17px!important;} [flexsite] [bp3-text-5]{font-size:18px!important;} [flexsite] [bp3-text-6]{font-size:19px!important;} [flexsite] [bp3-text-7]{font-size:20px!important;} [flexsite] [bp3-text-8]{font-size:21px!important;} [flexsite] [bp3-text-9]{font-size:22px!important;} [flexsite] [bp3-text-10]{font-size:23px!important;} } /* BP-4 */ @media (max-width:1600px){ [flexsite] [bp4-text]{font-size:13px!important;} [flexsite] [bp4-text-1]{font-size:14px!important;} [flexsite] [bp4-text-2]{font-size:15px!important;} [flexsite] [bp4-text-3]{font-size:16px!important;} [flexsite] [bp4-text-4]{font-size:17px!important;} [flexsite] [bp4-text-5]{font-size:18px!important;} [flexsite] [bp4-text-6]{font-size:19px!important;} [flexsite] [bp4-text-7]{font-size:20px!important;} [flexsite] [bp4-text-8]{font-size:21px!important;} [flexsite] [bp4-text-9]{font-size:22px!important;} [flexsite] [bp4-text-10]{font-size:23px!important;} } /* BP-5 */ @media (max-width:1500px){ [flexsite] [bp5-text]{font-size:13px!important;} [flexsite] [bp5-text-1]{font-size:14px!important;} [flexsite] [bp5-text-2]{font-size:15px!important;} [flexsite] [bp5-text-3]{font-size:16px!important;} [flexsite] [bp5-text-4]{font-size:17px!important;} [flexsite] [bp5-text-5]{font-size:18px!important;} [flexsite] [bp5-text-6]{font-size:19px!important;} [flexsite] [bp5-text-7]{font-size:20px!important;} [flexsite] [bp5-text-8]{font-size:21px!important;} [flexsite] [bp5-text-9]{font-size:22px!important;} [flexsite] [bp5-text-10]{font-size:23px!important;} } /* BP-6 */ @media (max-width:1400px){ [flexsite] [bp6-text]{font-size:13px!important;} [flexsite] [bp6-text-1]{font-size:14px!important;} [flexsite] [bp6-text-2]{font-size:15px!important;} [flexsite] [bp6-text-3]{font-size:16px!important;} [flexsite] [bp6-text-4]{font-size:17px!important;} [flexsite] [bp6-text-5]{font-size:18px!important;} [flexsite] [bp6-text-6]{font-size:19px!important;} [flexsite] [bp6-text-7]{font-size:20px!important;} [flexsite] [bp6-text-8]{font-size:21px!important;} [flexsite] [bp6-text-9]{font-size:22px!important;} [flexsite] [bp6-text-10]{font-size:23px!important;} } /* BP-7 */ @media (max-width:1300px){ [flexsite] [bp7-text]{font-size:13px!important;} [flexsite] [bp7-text-1]{font-size:14px!important;} [flexsite] [bp7-text-2]{font-size:15px!important;} [flexsite] [bp7-text-3]{font-size:16px!important;} [flexsite] [bp7-text-4]{font-size:17px!important;} [flexsite] [bp7-text-5]{font-size:18px!important;} [flexsite] [bp7-text-6]{font-size:19px!important;} [flexsite] [bp7-text-7]{font-size:20px!important;} [flexsite] [bp7-text-8]{font-size:21px!important;} [flexsite] [bp7-text-9]{font-size:22px!important;} [flexsite] [bp7-text-10]{font-size:23px!important;} } /* BP-8 */ @media (max-width:1200px){ [flexsite] [bp8-text]{font-size:13px!important;} [flexsite] [bp8-text-1]{font-size:14px!important;} [flexsite] [bp8-text-2]{font-size:15px!important;} [flexsite] [bp8-text-3]{font-size:16px!important;} [flexsite] [bp8-text-4]{font-size:17px!important;} [flexsite] [bp8-text-5]{font-size:18px!important;} [flexsite] [bp8-text-6]{font-size:19px!important;} [flexsite] [bp8-text-7]{font-size:20px!important;} [flexsite] [bp8-text-8]{font-size:21px!important;} [flexsite] [bp8-text-9]{font-size:22px!important;} [flexsite] [bp8-text-10]{font-size:23px!important;} } /* BP-9 */ @media (max-width:1000px){ [flexsite] [bp9-text]{font-size:13px!important;} [flexsite] [bp9-text-1]{font-size:14px!important;} [flexsite] [bp9-text-2]{font-size:15px!important;} [flexsite] [bp9-text-3]{font-size:16px!important;} [flexsite] [bp9-text-4]{font-size:17px!important;} [flexsite] [bp9-text-5]{font-size:18px!important;} [flexsite] [bp9-text-6]{font-size:19px!important;} [flexsite] [bp9-text-7]{font-size:20px!important;} [flexsite] [bp9-text-8]{font-size:21px!important;} [flexsite] [bp9-text-9]{font-size:22px!important;} [flexsite] [bp9-text-10]{font-size:23px!important;} } /* BP-10 */ @media (max-width:800px){ [flexsite] [bp10-text]{font-size:13px!important;} [flexsite] [bp10-text-1]{font-size:14px!important;} [flexsite] [bp10-text-2]{font-size:15px!important;} [flexsite] [bp10-text-3]{font-size:16px!important;} [flexsite] [bp10-text-4]{font-size:17px!important;} [flexsite] [bp10-text-5]{font-size:18px!important;} [flexsite] [bp10-text-6]{font-size:19px!important;} [flexsite] [bp10-text-7]{font-size:20px!important;} [flexsite] [bp10-text-8]{font-size:21px!important;} [flexsite] [bp10-text-9]{font-size:22px!important;} [flexsite] [bp10-text-10]{font-size:23px!important;} } /* TEXT EFFECTS __________________________________________________________*/ [text-shadow-xs]{ text-shadow:0 0 5px rgba(0,0,0,0.35);} [text-shadow-sm]{ text-shadow:0 0 10px rgba(0,0,0,0.35);} [text-shadow]{ text-shadow:0 0 15px rgba(0,0,0,0.35);} [text-shadow-lg]{ text-shadow:0 0 20px rgba(0,0,0,0.35);} [text-shadow-xl]{ text-shadow:0 0 25px rgba(0,0,0,0.35);} [font-300]{ font-weight:300!important;} [font-400]{ font-weight:400!important;} [font-500]{ font-weight:500!important;} [font-600]{ font-weight:600!important;} [font-700]{ font-weight:700!important;} [font-800]{ font-weight:800!important;} [font-900]{ font-weight:900!important;} [text-o-xxs]{ opacity:0.8!important;} [text-o-xs]{ opacity:0.7!important;} [text-o-sm]{ opacity:0.6!important;} [text-o]{ opacity:0.5!important;} [text-o-lg]{ opacity:0.4!important;} [text-o-xl]{ opacity:0.3!important;} [text-o-xxl]{ opacity:0.2!important;} /* Images __________________________________________________________*/ [img-circle]{border-radius:50%;} [img-size-xs]{width:25px;height:25px;} [img-size-sm]{width:50px;height:50px;} [img-size-md]{width:75px;height:75px;} [img-size-lg]{width:100px;height:100px;} [img-size-xl]{width:150px;height:150px;} [img-size-xxl]{width:200px;height:200px;} /* BP-1 */ @media (min-width:1921px){ [bp1-img-size-xs]{width:25px!important;height:25px!important;} [bp1-img-size-sm]{width:50px!important;height:50px!important;} [bp1-img-size-md]{width:75px!important;height:75px!important;} [bp1-img-size-lg]{width:100px!important;height:100px!important;} [bp1-img-size-xl]{width:150px!important;height:150px!important;} [bp1-img-size-xxl]{width:200px!important;height:200px!important;} } /* BP-2 */ @media (max-width:1800px){ [bp2-img-size-xs]{width:25px!important;height:25px!important;} [bp2-img-size-sm]{width:50px!important;height:50px!important;} [bp2-img-size-md]{width:75px!important;height:75px!important;} [bp2-img-size-lg]{width:100px!important;height:100px!important;} [bp2-img-size-xl]{width:150px!important;height:150px!important;} [bp2-img-size-xxl]{width:200px!important;height:200px!important;} } /* BP-3 */ @media (max-width:1700px){ [bp3-img-size-xs]{width:25px!important;height:25px!important;} [bp3-img-size-sm]{width:50px!important;height:50px!important;} [bp3-img-size-md]{width:75px!important;height:75px!important;} [bp3-img-size-lg]{width:100px!important;height:100px!important;} [bp3-img-size-xl]{width:150px!important;height:150px!important;} [bp3-img-size-xxl]{width:200px!important;height:200px!important;} } /* BP-4 */ @media (max-width:1600px){ [bp4-img-size-xs]{width:25px!important;height:25px!important;} [bp4-img-size-sm]{width:50px!important;height:50px!important;} [bp4-img-size-md]{width:75px!important;height:75px!important;} [bp4-img-size-lg]{width:100px!important;height:100px!important;} [bp4-img-size-xl]{width:150px!important;height:150px!important;} [bp4-img-size-xxl]{width:200px!important;height:200px!important;} } /* BP-5 */ @media (max-width:1500px){ [bp5-img-size-xs]{width:25px!important;height:25px!important;} [bp5-img-size-sm]{width:50px!important;height:50px!important;} [bp5-img-size-md]{width:75px!important;height:75px!important;} [bp5-img-size-lg]{width:100px!important;height:100px!important;} [bp5-img-size-xl]{width:150px!important;height:150px!important;} [bp5-img-size-xxl]{width:200px!important;height:200px!important;} } /* BP-6 */ @media (max-width:1400px){ [bp6-img-size-xs]{width:25px!important;height:25px!important;} [bp6-img-size-sm]{width:50px!important;height:50px!important;} [bp6-img-size-md]{width:75px!important;height:75px!important;} [bp6-img-size-lg]{width:100px!important;height:100px!important;} [bp6-img-size-xl]{width:150px!important;height:150px!important;} [bp6-img-size-xxl]{width:200px!important;height:200px!important;} } /* BP-7 */ @media (max-width:1300px){ [bp7-img-size-xs]{width:25px!important;height:25px!important;} [bp7-img-size-sm]{width:50px!important;height:50px!important;} [bp7-img-size-md]{width:75px!important;height:75px!important;} [bp7-img-size-lg]{width:100px!important;height:100px!important;} [bp7-img-size-xl]{width:150px!important;height:150px!important;} [bp7-img-size-xxl]{width:200px!important;height:200px!important;} } /* BP-8 */ @media (max-width:1200px){ [bp8-img-size-xs]{width:25px!important;height:25px!important;} [bp8-img-size-sm]{width:50px!important;height:50px!important;} [bp8-img-size-md]{width:75px!important;height:75px!important;} [bp8-img-size-lg]{width:100px!important;height:100px!important;} [bp8-img-size-xl]{width:150px!important;height:150px!important;} [bp8-img-size-xxl]{width:200px!important;height:200px!important;} } /* BP-9 */ @media (max-width:1000px){ [bp9-img-size-xs]{width:25px!important;height:25px!important;} [bp9-img-size-sm]{width:50px!important;height:50px!important;} [bp9-img-size-md]{width:75px!important;height:75px!important;} [bp9-img-size-lg]{width:100px!important;height:100px!important;} [bp9-img-size-xl]{width:150px!important;height:150px!important;} [bp9-img-size-xxl]{width:200px!important;height:200px!important;} } /* BP-10 */ @media (max-width:800px){ [bp10-img-size-xs]{width:25px!important;height:25px!important;} [bp10-img-size-sm]{width:50px!important;height:50px!important;} [bp10-img-size-md]{width:75px!important;height:75px!important;} [bp10-img-size-lg]{width:100px!important;height:100px!important;} [bp10-img-size-xl]{width:150px!important;height:150px!important;} [bp10-img-size-xxl]{width:200px!important;height:200px!important;} } /* [flexsite] p{ font-size:19px; font-weight:500; margin:10px 0 10px; color:#cdcdcd; opacity:1; } [flexsite] p[sm]{ font-size:17px; } [flexsite] p[xs]{ font-size:15px; } */ @media (max-height:800px){ [flexsite] [flexsite-container] section[responsive] [content]{ max-width:80%; } } @media (max-width:1400px){ [flexsite], [flexsite] [flexsite-container][horizontal], [flexsite] [flexsite-container] section [section-bg]{ transition:all 0.5s ease; } [flexsite] [flexsite-container] section [section-bg]{ height:70%; top:0; left:50%; transform:translate3d(-50%,-0,0); } [flexsite] [flexsite-container] section[no-shadow] [section-bg]{ height:50vh; } [flexsite] [flexsite-container] section.out-left [section-bg]{ transform:translate3d(-10%,0,0); } [flexsite] [flexsite-container] section.out-right [section-bg]{ transform:translate3d(-90%,0,0); } [flexsite] [flexsite-container] section [section-bg] [shadow]{ display:block; } } @media (max-width:1200px){ [flexsite] [flexsite-container] section [section-bg]{ height:75%; } } @media (max-width:1000px){ [flexsite] [flexsite-container] section [section-bg]{ height:60%; } [flexsite] [flexsite-container] section[no-shadow] [section-bg]{ height:50%; } } @media (max-width:750px){ [flexsite] [flexsite-container] section [section-bg]{ height:50%; } [flexsite] [flexsite-container] section[no-shadow] [section-bg]{ height:40%; } } [flexsite] [flexsite-container].no-transition{ transition:none!important; } /* HEADLINE __________________________________________________________*/ [flexsite] [headline]{ font-weight:900;line-height:0.8;color:var(--flexsite-text-color);} [flexsite] [headline][h1]{font-size:1vw;letter-spacing:0;line-height:1;} [flexsite] [headline][h2]{font-size:2vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][h3]{font-size:3vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][h4]{font-size:4vw;letter-spacing:-1px;line-height:0.8;} [flexsite] [headline][h5]{font-size:5vw;letter-spacing:-2px;line-height:0.8;} [flexsite] [headline][h6]{font-size:6vw;letter-spacing:-3px;line-height:0.8;} [flexsite] [headline][h7]{font-size:7vw;letter-spacing:-3px;line-height:0.8;} [flexsite] [headline][h8]{font-size:8vw;letter-spacing:-3px;line-height:0.8;} [flexsite] [headline][h9]{font-size:9vw;letter-spacing:-3px;line-height:0.8;} [flexsite] [headline][h10]{font-size:10vw;letter-spacing:-3px;line-height:0.8;} /* BP-1 */ @media (max-width:1920px){ [flexsite] [headline][bp1-h1]{font-size:1vw;letter-spacing:-3px;} [flexsite] [headline][bp1-h2]{font-size:2vw;letter-spacing:-3px;} [flexsite] [headline][bp1-h3]{font-size:3vw;letter-spacing:-3px;} [flexsite] [headline][bp1-h4]{font-size:4vw;letter-spacing:-1px;} [flexsite] [headline][bp1-h5]{font-size:5vw;letter-spacing:-1px;line-height:1;} [flexsite] [headline][bp1-h6]{font-size:6vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp1-h7]{font-size:7vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp1-h8]{font-size:8vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp1-h9]{font-size:9vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp1-h10]{font-size:10vw;letter-spacing:0;line-height:1;} } /* BP-2 */ @media (max-width:1800px){ [flexsite] [headline][bp2-h1]{font-size:1vw;letter-spacing:0;} [flexsite] [headline][bp2-h2]{font-size:2vw;letter-spacing:0;} [flexsite] [headline][bp2-h3]{font-size:3vw;letter-spacing:0;} [flexsite] [headline][bp2-h4]{font-size:4vw;letter-spacing:0;} [flexsite] [headline][bp2-h5]{font-size:5vw;letter-spacing:-1px;line-height:1;} [flexsite] [headline][bp2-h6]{font-size:6vw;letter-spacing:-1px;line-height:1;} [flexsite] [headline][bp2-h7]{font-size:7vw;letter-spacing:-2px;line-height:1;} [flexsite] [headline][bp2-h8]{font-size:8vw;letter-spacing:-2px;line-height:1;} [flexsite] [headline][bp2-h9]{font-size:9vw;letter-spacing:-3px;line-height:1;} [flexsite] [headline][bp2-h10]{font-size:10vw;letter-spacing:-3px;line-height:1;} } /* BP-3 */ @media (max-width:1700px){ [flexsite] [headline][bp3-h1]{font-size:1vw;letter-spacing:-3px;} [flexsite] [headline][bp3-h2]{font-size:2vw;letter-spacing:-3px;} [flexsite] [headline][bp3-h3]{font-size:3vw;letter-spacing:-3px;} [flexsite] [headline][bp3-h4]{font-size:4vw;letter-spacing:-1px;} [flexsite] [headline][bp3-h5]{font-size:5vw;letter-spacing:-1px;line-height:1;} [flexsite] [headline][bp3-h6]{font-size:6vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp3-h7]{font-size:7vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp3-h8]{font-size:8vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp3-h9]{font-size:9vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp3-h10]{font-size:10vw;letter-spacing:0;line-height:0.8;} } /* BP-4 */ @media (max-width:1600px){ [flexsite] [headline][bp4-h1]{font-size:1vw;letter-spacing:-1px;} [flexsite] [headline][bp4-h2]{font-size:2vw;letter-spacing:-1px;} [flexsite] [headline][bp4-h3]{font-size:3vw;letter-spacing:-1px;} [flexsite] [headline][bp4-h4]{font-size:4vw;letter-spacing:-1px;} [flexsite] [headline][bp4-h5]{font-size:5vw;letter-spacing:-1px;line-height:0.8;} [flexsite] [headline][bp4-h6]{font-size:6vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp4-h7]{font-size:7vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp4-h8]{font-size:8vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp4-h9]{font-size:9vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp4-h10]{font-size:10vw;letter-spacing:0;line-height:1;} } /* BP-5 */ @media (max-width:1500px){ [flexsite] [headline][bp5-h1]{font-size:1vw;letter-spacing:0px;} [flexsite] [headline][bp5-h2]{font-size:2vw;letter-spacing:0px;} [flexsite] [headline][bp5-h3]{font-size:3vw;letter-spacing:-1px;} [flexsite] [headline][bp5-h4]{font-size:4vw;letter-spacing:-1px;} [flexsite] [headline][bp5-h5]{font-size:5vw;letter-spacing:-1px;line-height:0.8;} [flexsite] [headline][bp5-h6]{font-size:6vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp5-h7]{font-size:7vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp5-h8]{font-size:8vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp5-h9]{font-size:9vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp5-h10]{font-size:10vw;letter-spacing:0;line-height:0.8;} } /* BP-6 */ @media (max-width:1400px){ [flexsite] [headline][bp6-h1]{font-size:1vw;letter-spacing:-3px;} [flexsite] [headline][bp6-h2]{font-size:2vw;letter-spacing:-3px;} [flexsite] [headline][bp6-h3]{font-size:3vw;letter-spacing:-3px;} [flexsite] [headline][bp6-h4]{font-size:4vw;letter-spacing:-1px;line-height:0.8;} [flexsite] [headline][bp6-h5]{font-size:5vw;letter-spacing:-1px;line-height:0.8;} [flexsite] [headline][bp6-h6]{font-size:6vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp6-h7]{font-size:7vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp6-h8]{font-size:8vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp6-h9]{font-size:9vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp6-h10]{font-size:10vw;letter-spacing:0;line-height:0.8;} } /* BP-7 */ @media (max-width:1300px){ [flexsite] [headline][bp7-h1]{font-size:1vw;letter-spacing:-3px;} [flexsite] [headline][bp7-h2]{font-size:2vw;letter-spacing:-3px;} [flexsite] [headline][bp7-h3]{font-size:3vw;letter-spacing:-3px;} [flexsite] [headline][bp7-h4]{font-size:4vw;letter-spacing:-1px;} [flexsite] [headline][bp7-h5]{font-size:5vw;letter-spacing:-1px;line-height:0.8;} [flexsite] [headline][bp7-h6]{font-size:6vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp7-h7]{font-size:7vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp7-h8]{font-size:8vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp7-h9]{font-size:9vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp7-h10]{font-size:10vw;letter-spacing:0;line-height:0.8;} } /* BP-8 */ @media (max-width:1200px){ [flexsite] [headline][bp8-h1]{font-size:1vw;letter-spacing:-3px;} [flexsite] [headline][bp8-h2]{font-size:2vw;letter-spacing:-3px;} [flexsite] [headline][bp8-h3]{font-size:3vw;letter-spacing:-3px;} [flexsite] [headline][bp8-h4]{font-size:4vw;letter-spacing:-1px;} [flexsite] [headline][bp8-h5]{font-size:5vw;letter-spacing:-1px;line-height:1;} [flexsite] [headline][bp8-h6]{font-size:6vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp8-h7]{font-size:7vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp8-h8]{font-size:8vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp8-h9]{font-size:9vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp8-h10]{font-size:10vw;letter-spacing:0;line-height:0.8;} } /* BP-9 */ @media (max-width:1000px){ [flexsite] [headline][bp9-h1]{font-size:1vw;letter-spacing:-3px;} [flexsite] [headline][bp9-h2]{font-size:2vw;letter-spacing:-3px;} [flexsite] [headline][bp9-h3]{font-size:3vw;letter-spacing:-3px;} [flexsite] [headline][bp9-h4]{font-size:4vw;letter-spacing:-1px;} [flexsite] [headline][bp9-h5]{font-size:5vw;letter-spacing:-1px;line-height:1;} [flexsite] [headline][bp9-h6]{font-size:6vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp9-h7]{font-size:7vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp9-h8]{font-size:8vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp9-h9]{font-size:9vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp9-h10]{font-size:10vw;letter-spacing:0;line-height:0.8;} } /* BP-10 */ @media (max-width:800px){ [flexsite] [headline][bp10-h1]{font-size:1vw;letter-spacing:-3px;} [flexsite] [headline][bp10-h2]{font-size:2vw;letter-spacing:-3px;} [flexsite] [headline][bp10-h3]{font-size:3vw;letter-spacing:-3px;} [flexsite] [headline][bp10-h4]{font-size:4vw;letter-spacing:-1px;} [flexsite] [headline][bp10-h5]{font-size:5vw;letter-spacing:-1px;line-height:1;} [flexsite] [headline][bp10-h6]{font-size:6vw;letter-spacing:0;line-height:1;} [flexsite] [headline][bp10-h7]{font-size:7vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp10-h8]{font-size:8vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp10-h9]{font-size:9vw;letter-spacing:0;line-height:0.8;} [flexsite] [headline][bp10-h10]{font-size:10vw;letter-spacing:0;line-height:0.8;} } /* BUTTONS __________________________________________________________*/ body.flexsite [button]{ background-color:transparent; border:solid 2px var(--text-color); color:var(--text-color); padding:10px 30px; border-radius:30px; font-weight:500; display:inline-block; position:relative; overflow:hidden; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:scale(1,1); transform:scale(1,1); font-size:1rem; } body.flexsite [button][sm]{ padding:8px 24px; font-size:0.9rem; } body.flexsite [button][xs]{ padding:6px 18px; font-size:0.8rem; } body.flexsite [button]:hover{ cursor:pointer; -webkit-transform:scale(0.95,0.95); transform:scale(0.95,0.95); } body.flexsite:not(.safari) [button]:after{ content:""; position:absolute; left:0; top:0; height:100%; width:100%; background:var(--text-color); filter:blur(10px); -webkit-transform:translate3d(-100%,-25%,0) rotate(45deg); transform:translate3d(-100%,-25%,0) rotate(45deg); opacity:0.8; } body.flexsite:not(.safari) [button]:hover:after{ -webkit-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out; -webkit-transform:translate3d(100%,-25%,0) rotate(45deg); transform:translate3d(100%,-25%,0) rotate(45deg); } body.flexsite [button][shine-yellow]:after{ background:#f9c248;} body.flexsite [button][shine-lightblue]:after{ background:#0fd0f4;} body.flexsite [button][shine-orange]:after{ background:#ce712e;} body.flexsite [button][shine-red]:after{ background:#581507;} body.flexsite [button][shine-darkgreen]:after{ background:#17331a;} body.flexsite [button][shine-main]:after{ background:var(--main-color);} /* COUNTDOWN __________________________________________________________*/ [countdown]{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); margin:auto; text-align:center; width:250px; height:250px; } [countdown] [countdown-inner]{ position:relative; width:100%; height:100%; } [countdown] [countdown-description]{ line-height:1.4; font-size:16px; } [countdown] [countdown-description] > a{ color:#f9c248; } [countdown] [countdown-number]{ color:white; display:inline-block; line-height:40px; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); font-size:30px; font-weight:700; } [countdown] svg{ position:relative; width:250px; height:250px; transform:rotateY(-180deg) rotateZ(-90deg); } [countdown] svg circle{ stroke-dasharray:calc((250/40) * 113px); stroke-dashoffset:0px; stroke-linecap:round; stroke-width:2px; stroke:white; fill:none; } [countdown].active svg circle{ animation:countdown 3s linear infinite forwards; } @keyframes countdown{ from{ stroke-dashoffset:0px; } to{ stroke-dashoffset:calc((250/40) * 113px); } } /* KEEP TEXT FEATURE __________________________________________________________*/ [flexsite] [flexsite-container][horizontal][keep-text] section:nth-child(1){ z-index:200; overflow:visible!important; transform:none; max-height:100%; } [flexsite] [flexsite-container][horizontal][keep-text] section [content-container]{ transition:all 0.7s ease; left:0; position:absolute; width:100%; height:100%; will-change:transform; } [flexsite] [flexsite-container][horizontal][keep-text] section [section-bg-container]{ position:absolute!important; width:100%!important; height:100%!important; overflow:hidden!important; } @media (max-width:1400px){ [flexsite] [flexsite-container][horizontal][keep-text] section [content-container]{ transition:all 0.5s ease; } [flexsite] [flexsite-container][horizontal][keep-text]{ visibility:hidden; } [flexsite] [flexsite-container][horizontal][keep-text].view{ visibility:visible; } } [flexsite] [flexsite-container][horizontal][keep-text].no-transition, [flexsite] [flexsite-container][horizontal][keep-text].no-transition section [content-container]{ transition:none!important; } /* SETUP ______________________________________________________________________________________________________________________________________________________________________________*/ /* Default __________________________________________________________*/ body.flexsite a{ color:var(--flexsite-text-color); } body.flexsite a:hover{ color:var(--flexsite-text-color); } [text-yellow]{ color:#f9c248!important;} [text-lightblue]{ color:#0fd0f4!important;} [text-orange]{ color:#ce712e!important;} [text-red]{ color:#581507!important;} [text-darkgreen]{ color:#17331a!important;} [text-lightbrown]{ color:#b7a289!important;} [text-lightpurple]{ color:#c259ed!important;} [text-lightgreen]{ color:#6e9d42!important;} [text-lightpink]{ color:#d99aae!important;} [text-darkred-1]{ color:#3a0415!important;} /* Header __________________________________________________________*/ header[flexsite-header]{ position:fixed; top:0; left:0; width:100%; height:var(--header-height); margin-right:0px; background-color:transparent; transition:all 0.1s cubic-bezier(0.1,0.1,0.01,0.1); padding:20px 40px; display:flex; align-items:center; border-bottom:solid 1px transparent; height:88px; will-change:transform; } header[flexsite-header] .container{ display:flex; align-items:center; width:100%; max-width:100%; justify-content:space-between; } header[flexsite-header] [button]{ vertical-align:middle; padding:5px 20px; font-size:14px; font-weight:600; } @media (max-width:1400px){ header[flexsite-header] .container{ max-width:100%; } header[flexsite-header], header[flexsite-header].active{ padding:20px 20px!important; height:50px; } header[flexsite-header] #responsive-navigation-trigger{ padding-right:0; display:block; cursor:pointer; } header[flexsite-header] ul.main-nav,header .cta{ display:none!important; } } @media (max-width:1200px){ header[flexsite-header] [button]{ padding:3px 9px; font-size:11px; background-color:var(--bg-color); border-width:1px; } } /* FIX FOR SMALL HEIGHT */ @media (max-height:750px) and (min-width:1500px){ header[flexsite-header] .container{ max-width:100%; } header[flexsite-header], header[flexsite-header].active{ padding:20px 20px; height:50px; } header[flexsite-header] #responsive-navigation-trigger{ padding-right:0; display:block; } header[flexsite-header] ul.main-nav,header .cta{ display:none; } header[flexsite-header] [button]{ margin-right:20px; } } header[flexsite-header].active{ background-color:rgba(10,10,10,0.7); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); height:62px; } header[flexsite-header] .logo{ display:inline-flex; align-items:center; line-height:0; flex:1; margin-right:auto; } header[flexsite-header] .cta{ } header[flexsite-header] .langs{ text-align:right; flex:1; margin-left:auto; } header[flexsite-header] .logo img{ max-height:20px; max-width:155px; } header[flexsite-header] .logo img.inverse{ display:none; } body.light header[flexsite-header] .logo img{ display:none; } body.light header[flexsite-header] .logo img.inverse{ display:block; } body:not(.flexsite-light) header[flexsite-header] .logo img.light{ display:none; } body.flexsite-light header[flexsite-header] .logo img.light{ display:block; } body.flexsite-light header[flexsite-header] .logo img.dark{ display:none; } body:not(.flexsite-light) header[flexsite-header] .logo img.dark{ display:block; } header[flexsite-header] ul.main-nav{ display:flex; align-items:center; } header[flexsite-header] ul.main-nav > li{ flex-shrink:0; } header[flexsite-header] ul.main-nav > li > a, header[flexsite-header] ul.main-nav > li > span{ padding:10px 20px 20px; font-size:15px; font-weight:400; opacity:1; color:var(--flexsite-text-color); position:relative; } body.light header[flexsite-header] ul.main-nav > li > a, body.light header[flexsite-header] ul.main-nav > li > span{ color:var(--flexsite-text-color-60); } header[flexsite-header] ul.main-nav > li > a:after, header[flexsite-header] ul.main-nav > li > span:after{ position:absolute; bottom:10px; left:50%; transform:translate3d(-50%,0,0); width:0; height:1px; background-color:var(--flexsite-text-color); content:""; transition:all 0.3s ease; will-change:transform; } header[flexsite-header] ul.main-nav > li > a:hover:after, header[flexsite-header] ul.main-nav > li > span:hover:after{ width:25%; } header[flexsite-header] ul.main-nav > li > a.active:after, header[flexsite-header] ul.main-nav > li > span.active:after{ width:calc(100% - 40px); } body.flexsite.light ul.main-nav > li > a:after, body.flexsite.light ul.main-nav > li > span:after{ background-color:#101010; } header[flexsite-header] .logo img.dark{ display:none; } header[flexsite-header] .logo img.light{ display:block; } @media (max-width:1400px){ header[flexsite-header] .logo{ width:auto; flex-grow:0; margin-right:auto; } header[flexsite-header] .langs{ width:auto; text-align:center; flex-grow:0; margin-right:auto; text-align:right; flex:none; } } @media (max-width:1400px){ header[flexsite-header] .langs{ margin-right:40px; } } @media (max-width:1200px){ header[flexsite-header] .logo{ margin-right:20px; } header[flexsite-header] .logo img{ max-height:15px; } header[flexsite-header] .langs{ margin-left:0; margin-right:0; text-align:left; } } /* MENUS ______________________________________________________________________________________________________________________________________________________________________________*/ /* DOT MENU __________________________________________________________*/ [flexsite-dot-menu]{ position:fixed; top:50%; left:0; transform:translate3d(0,-50%,0); z-index:902; padding-left:30px; } [flexsite-dot-menu] > ul{ margin:0; padding:0; line-height:0; } [flexsite-dot-menu] > ul > li{ position:relative; padding:3px; overflow:hidden; } [flexsite-dot-menu] > ul > li:hover{ transform:scale(1,1); cursor:pointer; } [flexsite-dot-menu] > ul > li[horizontal]{ display:inline-block; } [flexsite-dot-menu] > ul > li > div{ display:block; width:6px; height:6px; background-color:rgba(255,255,255,0.2); border-radius:50%; position:relative; transition:all 0.3s ease; transform:scale(0.85,0.85); will-change:transform; } [flexsite-dot-menu].open > ul > li > div{ background-color:transparent; } [flexsite-dot-menu].open > ul > li.active > div{ background-color:#fff; } [flexsite-dot-menu] > ul > li:hover > div{ transform:scale(1,1); transform-origin:center; } [flexsite-dot-menu] > ul > li.active > div, [flexsite-dot-menu] > ul > li:hover > div{ background-color:#fff; transform:scale(1,1); } [flexsite-dot-menu] > ul > li{ position:relative; padding:3px; overflow:visible; } [flexsite-dot-menu].open > ul > li > div{ width:70px; height:70px; } [flexsite-dot-menu] > ul > li > div > img{ object-fit:cover; object-position:center; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:100%; height:100%; border-radius:50%; opacity:0; transition:all 0.3s ease; will-change:transform; } [flexsite-dot-menu].open > ul > li > div > img{ opacity:1; } [flexsite-dot-menu].open > ul > li.active > div > img, [flexsite-dot-menu].open > ul > li:hover > div > img{ width:calc(100% - 10px); height:calc(100% - 10px); } [flexsite-dot-menu].open > ul > li > div > div{ position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); width:calc(100% - 5px); height:calc(100% - 5px); border-radius:50%; } [flexsite-dot-menu-mask]{ position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:901; display:none; } [flexsite-dot-menu-mask].open{ display:block; } @media (max-width:1200px){ [flexsite-dot-menu]{ top:40px; transform:translate3d(0,0,0); padding-left:18px; } [flexsite-dot-menu] > ul > li{ position:relative; padding:2; } [flexsite-dot-menu] > ul > li > div{ width:4px; height:4px; } [flexsite-dot-menu].open > ul > li > div{ width:50px; height:50px; } [flexsite-dot-menu]:not(.open) > ul > li:hover > div{ background-color:transparent; } [flexsite-dot-menu-mask]{ backdrop-filter:blur(10px); background-color:rgba(0,0,0,0.7); } } @media (max-width:1000px){ [flexsite-dot-menu].open > ul > li > div{ width:35px; height:35px; } } /* DOT MENU __________________________________________________________*/ [flexsite-titles-menu]{ position:fixed; top:50%; left:10px; transform:translate3d(0,-50%,0); z-index:902; } [flexsite-titles-menu] > ul{ margin:0; padding:0; line-height:0; position:relative; } [flexsite-titles-menu] > ul > li:after{ background-color:#3f3f3f; position:absolute; height:100%; width:1px; left:0; top:0; content:""; z-index:1; } [flexsite-titles-menu] > ul > li:first-of-type:after, [flexsite-titles-menu] > ul > li:last-of-type:after{ display:none; } [flexsite-titles-menu] > ul > li.active:first-of-type:after, [flexsite-titles-menu] > ul > li.active:last-of-type:after{ display:block; } [flexsite-titles-menu] > ul > li{ position:relative; padding:0; overflow:hidden; font-size:11px; line-height:1; transition:all 0.3s ease; } [flexsite-titles-menu] > ul > li > div{ position:relative; padding:5px 15px; transition:all 0.3s ease; transform:translate3d(-20px,0,0); opacity:0; } [flexsite-titles-menu]:hover > ul > li > div{ opacity:0.5; transform:translate3d(0,0,0); } [flexsite-titles-menu] > ul > li:hover > div, [flexsite-titles-menu] > ul > li.active > div{ opacity:1; transform:translate3d(0,0,0); cursor:pointer; } [flexsite-titles-menu] > ul > li.active:after{ content:""; position:absolute; width:2px; height:100%; left:0; top:50%; transform:translate3d(0,calc(-50% - 1px),0); background-color:#fff; z-index:10; } [flexsite-titles-menu]:before{ content:""; position:absolute; width:1px; height:40px; top:-18px; left:0; background-image:linear-gradient(to top,#3f3f3f,transparent); z-index:2; } [flexsite-titles-menu]:after{ content:""; position:absolute; width:1px; height:40px; bottom:-18px; background-image:linear-gradient(to bottom,#3f3f3f,transparent); z-index:2; } body.flexsite-light [flexsite-titles-menu] > ul > li:after{ background-color:#c2c2c2; } body.flexsite-light [flexsite-titles-menu] > ul > li.active:after{ background-color:#000; } body.flexsite-light [flexsite-titles-menu]:before{ background-image:linear-gradient(to top,#c2c2c2,transparent); } body.flexsite-light [flexsite-titles-menu]:after{ background-image:linear-gradient(to bottom,#c2c2c2,transparent); } @media (max-width:1100px){ [flexsite-titles-menu]{ display:none; } } /* CONTAINERS MENU __________________________________________________________*/ [flexsite-containers-menu]{ position:fixed; top:90px; left:50%; transform:translate3d(-50%,20px,0); z-index:902; opacity:0; transition:all 0.4s ease; width:100%; will-change:transform; } [flexsite-containers-menu].in{ transform:translate3d(-50%,0,0); opacity:1; } [flexsite-containers-menu] ul{ display:flex; gap:10px; justify-content:center; } [flexsite-containers-menu] li{ border:solid 2px #fff; padding:5px 20px; border-radius:30px; font-weight:500; font-size:14px; } [flexsite-containers-menu] li.active{ border-color:#f9c248; color:#f9c248; } [flexsite-containers-menu] li:hover{ cursor:pointer; } [flexsite-containers-arrows]{ position:absolute; right:100px; top:50%; transform:translate3d(0,-50%,0); display:flex; } [flexsite-containers-arrows] > div{ width:60px; height:60px; background-color:transparent; border-radius:50%; border:solid 3px rgba(255,255,255,0.5); color:rgba(255,255,255,0.5); margin:10px; position:relative; transition:all 0.3s ease; backdrop-filter:blur(4px); } [flexsite-containers-arrows] > div:hover{ cursor:pointer; border-color:#fff; color:#fff; } [flexsite-containers-arrows] > div:after{ content:"\f053"; font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:500; position:absolute; top:50%; left:50%; transform:translate3d(-50%,-50%,0); text-align:center; font-size:20px; } [flexsite-containers-arrows] > div[next]:after{ content:"\f054"; } @media (max-width:1600px){ [flexsite-containers-arrows]{ top:auto; transform:translate3d(0,0,0); bottom:160px; right:80px; } } @media (max-width:1400px){ [flexsite-containers-arrows]{ top:50%; transform:translate3d(0,0,0); bottom:auto; right:0; width:100%; justify-content:space-between; } [flexsite-containers-arrows] > div{ margin:0 10px; width:35px; height:35px; border-width:2px; } [flexsite-containers-arrows] > div:after{ font-size:13px; } } /* BP-8 */ @media (max-width:1350px){ [flexsite-containers-menu]{ width:100%; left:0; top:50px; transform:translate3d(0,20px,0); } [flexsite-containers-menu].in{ transform:translate3d(0,0,0); } [flexsite-containers-menu] ul{ white-space:nowrap; display:block; width:100%; overflow-x:auto; overflow-y:hidden; justify-content:center; padding:0 0 10px; text-align:center; } [flexsite-containers-menu] ul li{ display:inline-block; margin:0 5px; flex-shrink:0; font-size:11px; padding:3px 12px; } } @media (max-width:1100px){ [flexsite-containers-menu] ul{ padding:15px 0; } [flexsite-containers-menu]{ top:auto; bottom:0; } } /* Responsive navigation __________________________________________________________*/ [flexsite-responsive-navigation]{ position:fixed; transition:none; transform:translate3d(0,-100%,0); right:0; top:0; bottom:0; width:100%; background-color:var(--bg-color); z-index:9999; overflow-y:auto; will-change:transform; } [flexsite-responsive-navigation].in{ transition:all 0.3s ease; transform:translate3d(0,0,0); } [flexsite-responsive-navigation] #responsive-navigation-close{ position:absolute; top:0; right:0; font-size:22px; color:var(--text-color); padding:12px 23px; cursor:pointer; } [flexsite-responsive-navigation] .logo{ width:100px; margin:50px auto; display:block; } [flexsite-responsive-navigation] ul#default-menu > li > a, [flexsite-responsive-navigation] ul[menu] > li > a, [flexsite-responsive-navigation] ul[menu] > li > span{ color:rgba(255,255,255,0.4); padding:8px 0 !important; display:block; width:100%; text-align:center; font-size:17px; font-weight:600; } [flexsite-responsive-navigation] ul[menu] > li > span:hover{ cursor:pointer; } [flexsite-responsive-navigation] ul#default-menu > li > a.active, [flexsite-responsive-navigation] ul[menu] > li > a.active, [flexsite-responsive-navigation] ul[menu] > li > span.active{ color:#fff; } body.flexsite-light [flexsite-responsive-navigation] ul#default-menu > li > a, body.flexsite-light [flexsite-responsive-navigation] ul[menu] > li > a, body.flexsite-light [flexsite-responsive-navigation] ul[menu] > li > span{ color:rgba(0,0,0,0.4)!important; } body.flexsite-light [flexsite-responsive-navigation] ul#default-menu > li > a.active, body.flexsite-light [flexsite-responsive-navigation] ul[menu] > li > a.active, body.flexsite-light [flexsite-responsive-navigation] ul[menu] > li > span.active{ color:#000!important; } [flexsite-responsive-navigation] [flexsite-responsive-menu]{ display:flex; overflow:hidden; } [flexsite-responsive-navigation] [flexsite-responsive-menu].open{ } [flexsite-responsive-navigation] [flexsite-responsive-menu] > *{ width:100%; flex-shrink:0; transition:all 0.4s ease; will-change:transform; } [flexsite-responsive-navigation] [flexsite-responsive-menu].open > *{ transform:translate3d(-100%,0,0); } [flexsite-responsive-menu-close]{ display:flex; align-items:center; padding:15px; font-size:12px; position:absolute; top:0; transition:all 0.4s ease; will-change:transform; transform:translate3d(-100%,0,0); } [flexsite-responsive-menu-close].open{ transform:translate3d(0,0,0); } [flexsite-responsive-menu-close] > i{ margin-right:7px; } [flexsite-responsive-menu-logo]{ transition:all 0.4s ease; will-change:transform; transform:translate3d(0,0,0); } [flexsite-responsive-menu-logo].open{ transform:translate3d(0,-100px,0); } [flexsite-responsive-navigation] [flexsite-responsive-menu] [flexsite-responsive-menu-title]{ padding:15px; font-size:12px; text-transform:uppercase; opacity:0.8; font-weight:600; } [flexsite-responsive-navigation] #responsive-navigation-cta{ position:absolute; bottom:50px; width:100%; left:0; text-align:center; } [flexsite-responsive-navigation] #responsive-navigation-languages{ position:absolute; bottom:80px; width:100%; text-align:center; display:flex; justify-content:center; padding:12px 60px !important; } [flexsite-responsive-navigation] #responsive-navigation-languages > *{ margin:0 10px; font-size:12px; } [flexsite-responsive-navigation] #responsive-navigation-contact{ position:absolute; bottom:50px; width:100%; text-align:center; padding:12px 60px !important; font-size:12px; } [flexsite-responsive-navigation] ul#default-menu{ display:block; } /* Footer __________________________________________________________*/ footer[flexsite-footer]{ padding:0 80px 40px; font-size:11px; color:var(--flexsite-text-color-alt); position:fixed; width:100%; max-width:100%; justify-content:space-between; bottom:0; display:flex; z-index:890; } footer[flexsite-footer] a{ color:var(--flexsite-text-color-alt); } footer[flexsite-footer] .footer-nav{ display:flex; justify-content:space-between; } footer[flexsite-footer] .footer-nav ul{ flex-shrink:0; flex-grow:0; } footer[flexsite-footer] .footer-nav ul li > span{ font-weight:600; padding-bottom:10px; display:block; font-size:13px; } footer[flexsite-footer] .footer-nav ul li > a{ font-size:12px; display:block; padding:4px 0; opacity:0.7; } footer[flexsite-footer] .footer-nav ul li > a:hover{ opacity:1; } footer[flexsite-footer] .footer-left{ display:flex; align-items:center; } footer[flexsite-footer] .footer-left .logo.inverse{ display:none; } body.flexsite.light .footer-left .logo{ display:none; } body.flexsite.light .footer-left .logo.inverse{ display:block; } footer[flexsite-footer] .footer-right{ margin-left:auto; } @media (max-width:1800px){ footer[flexsite-footer]{ padding:0 30px 30px; } } @media (max-width:1400px){ footer[flexsite-footer]{ display:none!important; } } /* Wrappers __________________________________________________________*/ [wrapper]{ padding:20px;} [wrapper-xxs]{ padding:5px;} [wrapper-xs]{ padding:10px;} [wrapper-sm]{ padding:15px;} [wrapper-lg]{ padding:30px;} [wrapper-xl]{ padding:50px;} [wrapper-xxl]{ padding:60px;} [wrapper-none]{ padding:0px;} /* BP-1 */ @media (max-width:1920px){ [bp1-wrapper]{ padding:20px!important;} [bp1-wrapper-xxs]{ padding:5px!important;} [bp1-wrapper-xs]{ padding:10px!important;} [bp1-wrapper-sm]{ padding:15px!important;} [bp1-wrapper-lg]{ padding:30px!important;} [bp1-wrapper-xl]{ padding:50px!important;} [bp1-wrapper-xxl]{ padding:60px!important;} [bp1-wrapper-none]{ padding:0px!important;} } /* BP-2 */ @media (max-width:1800px){ [bp2-wrapper]{ padding:20px!important;} [bp2-wrapper-xxs]{ padding:5px!important;} [bp2-wrapper-xs]{ padding:10px!important;} [bp2-wrapper-sm]{ padding:15px!important;} [bp2-wrapper-lg]{ padding:30px!important;} [bp2-wrapper-xl]{ padding:50px!important;} [bp2-wrapper-xxl]{ padding:60px!important;} [bp2-wrapper-none]{ padding:0px!important;} } /* BP-3 */ @media (max-width:1700px){ [bp3-wrapper]{ padding:20px!important;} [bp3-wrapper-xxs]{ padding:5px!important;} [bp3-wrapper-xs]{ padding:10px!important;} [bp3-wrapper-sm]{ padding:15px!important;} [bp3-wrapper-lg]{ padding:30px!important;} [bp3-wrapper-xl]{ padding:50px!important;} [bp3-wrapper-xxl]{ padding:60px!important;} [bp3-wrapper-none]{ padding:0px!important;} } /* BP-4 */ @media (max-width:1600px){ [bp4-wrapper]{ padding:20px!important;} [bp4-wrapper-xxs]{ padding:5px!important;} [bp4-wrapper-xs]{ padding:10px!important;} [bp4-wrapper-sm]{ padding:15px!important;} [bp4-wrapper-lg]{ padding:30px!important;} [bp4-wrapper-xl]{ padding:50px!important;} [bp4-wrapper-xxl]{ padding:60px!important;} [bp4-wrapper-none]{ padding:0px!important;} } /* BP-5 */ @media (max-width:1500px){ [bp5-wrapper]{ padding:20px!important;} [bp5-wrapper-xxs]{ padding:5px!important;} [bp5-wrapper-xs]{ padding:10px!important;} [bp5-wrapper-sm]{ padding:15px!important;} [bp5-wrapper-lg]{ padding:30px!important;} [bp5-wrapper-xl]{ padding:50px!important;} [bp5-wrapper-xxl]{ padding:60px!important;} [bp5-wrapper-none]{ padding:0px!important;} } /* BP-6 */ @media (max-width:1400px){ [bp6-wrapper]{ padding:20px!important;} [bp6-wrapper-xxs]{ padding:5px!important;} [bp6-wrapper-xs]{ padding:10px!important;} [bp6-wrapper-sm]{ padding:15px!important;} [bp6-wrapper-lg]{ padding:30px!important;} [bp6-wrapper-xl]{ padding:50px!important;} [bp6-wrapper-xxl]{ padding:60px!important;} [bp6-wrapper-none]{ padding:0px!important;} } /* BP-7 */ @media (max-width:1300px){ [bp7-wrapper]{ padding:20px!important;} [bp7-wrapper-xxs]{ padding:5px!important;} [bp7-wrapper-xs]{ padding:10px!important;} [bp7-wrapper-sm]{ padding:15px!important;} [bp7-wrapper-lg]{ padding:30px!important;} [bp7-wrapper-xl]{ padding:50px!important;} [bp7-wrapper-xxl]{ padding:60px!important;} [bp7-wrapper-none]{ padding:0px!important;} } /* BP-8 */ @media (max-width:1200px){ [bp8-wrapper]{ padding:20px!important;} [bp8-wrapper-xxs]{ padding:5px!important;} [bp8-wrapper-xs]{ padding:10px!important;} [bp8-wrapper-sm]{ padding:15px!important;} [bp8-wrapper-lg]{ padding:30px!important;} [bp8-wrapper-xl]{ padding:50px!important;} [bp8-wrapper-xxl]{ padding:60px!important;} [bp8-wrapper-none]{ padding:0px!important;} } /* BP-9 */ @media (max-width:1000px){ [bp9-wrapper]{ padding:20px!important;} [bp9-wrapper-xxs]{ padding:5px!important;} [bp9-wrapper-xs]{ padding:10px!important;} [bp9-wrapper-sm]{ padding:15px!important;} [bp9-wrapper-lg]{ padding:30px!important;} [bp9-wrapper-xl]{ padding:50px!important;} [bp9-wrapper-xxl]{ padding:60px!important;} [bp9-wrapper-none]{ padding:0px!important;} } /* BP-10 */ @media (max-width:800px){ [bp10-wrapper]{ padding:20px!important;} [bp10-wrapper-xxs]{ padding:5px!important;} [bp10-wrapper-xs]{ padding:10px!important;} [bp10-wrapper-sm]{ padding:15px!important;} [bp10-wrapper-lg]{ padding:30px!important;} [bp10-wrapper-xl]{ padding:50px!important;} [bp10-wrapper-xxl]{ padding:60px!important;} [bp10-wrapper-none]{ padding:0px!important;} } /* SETUP __________________________________________________________*/ .section-designer{ height:100%; position:relative; } .section-designer .sc-top{ background-color:var(--bg-color-light); border-bottom:solid 1px var(--border-color); height:60px; display:flex; } .section-designer .sc-top-left{ width:100%; display:inline-flex; } .section-designer .sc-top-right{ width:280px; display:flex; flex-shrink:0; align-items:center; padding:15px; } .section-designer .sc-top-right > *{ flex-grow:1; flex-basis:0; } .section-designer .sc-top ul{ display:flex; align-items:center; height:100%; padding:0 10px; flex-basis:0; } .section-designer .sc-top ul > li{ padding:10px; height:85%; border:solid 1px transparent; border-radius:4px; width:60px; text-align:center; } .section-designer .sc-top ul > li.seperator{ width:1px; height:50%; background-color:var(--border-color); margin:0 10px; padding:0; border:0; } .section-designer .sc-top ul > li:not(.seperator):hover{ cursor:pointer; border-color:var(--border-color); background-color:#1b1b1b; } .section-designer .sc-top ul > li img{ max-height:100%; opacity:0.3; } .section-designer .sc-top ul > li:hover img{ opacity:1; } .section-designer .sc-top ul.alt{ background-color:transparent; margin:5px 0; height:calc(100% - 10px); border-radius:30px; } .section-designer .sc-top ul.alt li{ padding:7px; width:40px; } .section-designer .sc-top ul.alt li.active{ background-color:transparent; } .section-designer .sc-top ul.alt li.active img{ opacity:1; } .section-designer .sc-top ul.alt > li:not(.seperator):hover{ cursor:pointer; border-color:transparent; background-color:transparent; } .section-designer .sc-container{ display:flex; height:calc(100% - 60px); position:relative; } .section-designer .sc-container .sc-content{ height:100%; overflow:hidden; white-space:nowrap; width:100%; transform:translate3d(0,0,0); z-index:20; } .section-designer .sc-container .sc-content ul.sc-rulers{ background-color:var(--bg-color-light); border-bottom:solid 1px var(--border-color); height:25px; white-space:nowrap; padding-left:25px; position:fixed; z-index:50; } .section-designer .sc-container .sc-content ul.sc-rulers:before{ position:absolute; left:0; top:0; content:""; width:25px; height:100%; border-right:solid 1px var(--border-color); } .section-designer .sc-container .sc-content ul.sc-rulers li{ width:50px; display:inline-block; color:#7e7e7e; font-size:9px; position:relative; height:100%; text-align:center; overflow:hidden; padding:5px 0; } .section-designer .sc-container .sc-content ul.sc-rulers li:before{ position:absolute; width:1px; height:5px; background-color:var(--border-color); bottom:0; left:50%; transform:translate3d(-50%,0,0); content:""; } .section-designer .sc-container .sc-content ul.sc-rulers.left{ position:absolute; width:25px; min-height:calc(100% - 25px); height:auto; padding-left:0; padding-top:25px; overflow:hidden; z-index:10; } .section-designer .sc-container .sc-content ul.sc-rulers.left:before{ display:none; } .section-designer .sc-container .sc-content ul.sc-rulers.left li{ width:100%; display:block; height:50px; padding-top:20px; } .section-designer .sc-container .sc-content ul.sc-rulers.left li:before{ width:100%; display:block; height:1px; width:5px; top:50%; bottom:auto; left:auto; right:-2px; transform:translate3d(0,-50%,0); } .section-designer .sc-container .sc-options{ width:280px; background-color:#181818; border-left:solid 1px var(--border-color); height:100%; position:relative; flex-shrink:0; padding:15px; } .section-designer #SectionsArea{ padding-left:25px; padding-top:25px; } .section-designer #SectionsArea.xl{ transform:scale(1,1); } .section-designer #SectionsArea.lg{ transform:scale(0.8,0.8); } .section-designer #SectionsArea.md{ transform:scale(0.6,0.6); } .section-designer #SectionsArea.sm{ transform:scale(0.5,0.5); } .section-designer #SectionsArea.xs{ transform:scale(0.4,0.4); } .section-designer #SectionsArea section{ border:solid 2px transparent; padding-bottom:96px; padding:0; min-height:50vh; } .section-designer #SectionsArea section:hover{ border:dashed 2px rgba(255,255,255,0.25); cursor:pointer; } .section-designer #SectionsArea section.inactive{ opacity:0.35; transition:all 0.3s ease; } .section-designer #SectionsArea section.inactive:hover{ opacity:1; } .section-designer #SectionsArea section.active, .section-designer #SectionsArea section.active:hover{ border:dashed 2px #b48c2b; cursor:pointer; opacity:1; } .section-designer #SectionsArea section .variable{ display:none; } .sc-loader{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.75); z-index:100; display:none; } .sc-loader.in{ display:block; } #SectionDesignerTools .ChangeMedia .button, #SectionDesignerTools .button-remove{ background-color:#232323; color:#fff; font-size:15px; padding:12px 15px; margin-bottom:15px; display:block; width:100%; position:relative; } #SectionDesignerTools .input-title{ font-size:12px; margin-bottom:10px; color:#fff; } #SectionDesignerTools .input-description{ font-size:12px; margin-top:10px; color:rgba(255,255,255,0.5); text-align:center; } .sc-header{ background-color:var(--bg-color-light); border-bottom:solid 1px var(--border-color)!important; } .sc-tabs{ border-bottom:solid 1px transparent!important; } .sc-tabs li{ padding:10px 25px 15px 25px!important; } ul.sc-tabs li.active::after{ bottom:-2px!important; } @media (max-width:1300px){ .sc-options{ display:none; } .section-designer .sc-top-left{ width:100%; overflow-y:hidden; overflow-x:scroll; } .section-designer .sc-top-right{ width:auto; } } /* SM */ @media (max-width:992px){ .section-designer .sc-top{ height:40px; } .section-designer .sc-top ul > li{ padding:6px; height:100%; width:40px; } .section-designer .sc-top ul.alt li{ padding:4px; } .section-designer .sc-top ul > li:not(.seperator):hover{ background-color:transparent; border-color:transparent; } .section-designer .sc-top .button{ padding:.55em 1.5em; font-size:12px; } } /* SECTION:LANDINGPAGE __________________________________________________________*/ section.landingpage{ position:relative; width:100%; overflow:hidden; padding-top:0; padding-bottom:100px; } section.landingpage .bg{ position:absolute; width:100%; height:75vh; top:0; left:0; overflow:hidden; } section.landingpage .bg img{ object-fit:cover; object-position:top center; position:absolute; top:0; left:0; width:100%; height:100%; } section.landingpage .content{ position:absolute; width:1200px; max-width:85%; margin:0 auto; bottom:50px; left:50%; transform:translate3d(-50%,0,0); z-index:10; text-align:center; overflow:visible; white-space:normal; } section.landingpage.sm .content{ margin-top:30vh; } section.landingpage.xs .content{ margin-top:20vh; } section.landingpage.xxs .content{ margin-top:10vh; } section.landingpage .content h1{ color:var(--text-color); font-weight:700!important; font-size:70px; width:800px; max-width:100%; margin:0 auto 10px; line-height:0.9; text-shadow:0 0 100px rgba(0,0,0,1); } section.landingpage .content p{ line-height:1.5; } /* MD */ @media (max-width:1200px){ section.landingpage .content{ padding:0 30px; margin-top:25vh; } section.landingpage .content h1{ font-size:40px; } } /* Component 2 __________________________________________________________*/ section.section-component-2{ position:relative; width:100%; overflow:hidden; padding-bottom:100px; } section.section-component-2 .bg{ position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; z-index:1; } section.section-component-2 .bg img{ object-fit:cover; object-position:top center; position:absolute; top:0; left:0; width:100%; height:100%; } section.section-component-2 .inside{ position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); width:80%; height:70%; background-color:var(--bg-color); z-index:2; border-radius:6px; -webkit-box-shadow:0px 0 100px 25px rgba(0,0,0,0.5); box-shadow:0px 0 100px 25px rgba(0,0,0,0.5); } section.section-component-2 .media{ width:50%; height:100%; position:absolute; margin:0; border:0; border-radius:0; } section.section-component-2 .media > img{ object-fit:cover; object-position:center center; position:absolute; top:0; left:0; width:100%; height:100%; } section.section-component-2 .content{ float:right; width:50%; position:relative; height:100%; white-space:normal; } section.section-component-2 .content .content-inside{ position:absolute; width:75%; left:50%; top:50%; transform:translate3d(-50%,-50%,0); }