/*#region COMMON*/
/*#endregion COMMON*/
/*#region GRID*/
:root {
--screen-p: 640px;
--screen-t: 1000px;
--screen: 1200px;
--screen-w: 1441px;
}
/*#endregion GRID*/
/*#region FONTS*/
:root {
--t2u-font-bbb: 2.075rem;
--t2u-font-bb: 1.66rem;
--t2u-font-b: 1.33rem;
--t2u-font: 1.03125rem;
--t2u-font-s: 0.9375rem;
--t2u-font-ss: 0.8125rem;
--t2u-font-sss: 0.6875rem;
--t2u-lh-base: 1.3;
--t2u-lh-headings: 1.2;
}
@media (max-width: 639px) {
:root {
--t2u-font-bbb: 1.8rem;
--t2u-font-bb: 1.5rem;
--t2u-font-b: 1.25rem;
--t2u-font-s: 1rem;
--t2u-font-ss: 0.875rem;
--t2u-font-sss: 0.8125rem;
--t2u-lh-base: 1.6;
--t2u-lh-headings: 1.25;
}
}
/*@font-bbb: 1.8rem;
@font-bb: 1.5rem;
@font-b: 1.2rem;
@font: 1rem;
@font-s: .9rem;
@font-ss: .7rem;
@font-sss: .5rem;*/
/* --- Moderated Texta Alt Scale --- */
/*@font-bbb: 2.075rem;*/
/* ~33px | Hero Headlines (-3px from old) */
/*@font-bb: 1.66rem;*/
/* ~26.5px | Section Titles (H2) (-1.5px from old) */
/*@font-b: 1.33rem;*/
/* ~21px | Subheadings (H3) (-1px from old) */
/*@font: 1.03125rem;*/
/* ~16.5px | BASE BODY TEXT (Feels like a true 16px) */
/*@font-s: 0.9375rem;*/
/* ~15px | UI Elements, Meta Data, Sidebars */
/*@font-ss: 0.8125rem;*/
/* ~13px | Captions, Tooltips, Legal (Absolute minimum) */
/*@font-sss: 0.6875rem;*/
/* ~11px | Micro Labels, Table Headers, Disclaimers */
/*@line-height: 1.2;*/
/*
@font-serif: 'Noto Serif', serif;
@font-sans: 'Texta Alt', sans-serif;
@sans-thin: 'Texta Alt Thin', sans-serif;
@sans-black: 'Texta Alt Black', sans-serif;*/
/*#endregion FONTS*/
/*#region INPUT*/
/*#endregion INPUT*/
/*#region SPACING*/
/*#endregion SPACING*/
/*#region Z-INDEX*/
/*#endregion Z-INDEX*/
/*#region COLOR*/
/*#endregion COLOR*/
/*UTILITY MIXINS*/
/*.filter(...) {
@process: ~`(function(e){return e=e||"none",/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
-webkit-filter: @process;
-moz-filter: @process;
-ms-filter: @process;
filter: @process;
}*/
.bg--grain {
background: rgba(0, 0, 0, 0) url("/public/img/ui/background/grain.png") repeat scroll 0 0;
}
.bg--grain-b {
background: rgba(0, 0, 0, 0) url("/public/img/ui/background/grain-b.jpg") repeat scroll 0 0;
}
.bg--blackwood {
background-image: url('/public/img/ui/background/blackwood.jpg');
}
.bg--white {
color: #35485d;
background-color: #fff !important;
}
.bg--black {
color: #fff;
background-color: #000 !important;
}
.bg--dark {
color: #fff;
background-color: #35485d !important;
}
.bg--gray {
color: #fff;
background-color: #9ea8b2 !important;
}
.bg--gray-d {
background-color: #828f9b !important;
}
.bg--gray-dd {
background-color: #687582 !important;
}
.bg--gray-ddd {
background-color: #515b66 !important;
}
.bg--gray-l {
background-color: #bac2c9 !important;
}
.bg--gray-ll {
background-color: #d7dbdf !important;
}
.bg--gray-lll {
background-color: #f3f4f6 !important;
}
.bg--gray-a {
background-color: rgba(158, 168, 178, 0.75) !important;
}
.bg--gray-aa {
background-color: rgba(158, 168, 178, 0.5) !important;
}
.bg--gray-aaa {
background-color: rgba(158, 168, 178, 0.25) !important;
}
.bg--gray-default {
background-color: #fcfcfd !important;
}
.bg--navy {
color: #fff;
background-color: #1073B9 !important;
}
.bg--blue {
color: #fff;
background-color: #04ace4 !important;
}
.bg--red {
color: #fff;
background-color: #ef4538 !important;
}
.bg--orange {
color: #fff;
background-color: #f8981d !important;
}
.bg--pink {
color: #fff;
background-color: #e466a6 !important;
}
.bg--purple {
color: #fff;
background-color: #ad57a2 !important;
}
.bg--purple-d {
color: #fff;
background-color: #7b3c73 !important;
}
.bg--purple-dd {
color: #fff;
background-color: #482343 !important;
}
.bg--yellow {
color: #000;
background-color: #ffcd3e !important;
}
.bg--green {
color: #fff;
background-color: #26A65B !important;
}
.bg--teal {
color: #fff;
background-color: #19A89C !important;
}
.bg--indigo {
color: #fff;
background-color: #7B73D5 !important;
}
.bg--transparent {
background: none !important;
background-color: transparent !important;
}
.bg--purple-100 {
color: #35485d;
background-color: #efddec !important;
}
.bg--purple-200 {
color: #35485d;
background-color: #debcda !important;
}
.bg--purple-300 {
color: #35485d;
background-color: #ce9ac7 !important;
}
.bg--purple-400 {
color: #35485d;
background-color: #bd79b5 !important;
}
.bg--purple-500 {
color: #fff;
background-color: #ad57a2 !important;
}
.bg--purple-600 {
color: #fff;
background-color: #8a4682 !important;
}
.bg--purple-700 {
color: #fff;
background-color: #683461 !important;
}
.bg--purple-800 {
color: #fff;
background-color: #452341 !important;
}
.bg--purple-900 {
color: #fff;
background-color: #231120 !important;
}
.bg--navy-100 {
color: #35485d;
background-color: #cfe3f1 !important;
}
.bg--navy-200 {
color: #35485d;
background-color: #9fc7e3 !important;
}
.bg--navy-300 {
color: #35485d;
background-color: #70abd5 !important;
}
.bg--navy-400 {
color: #35485d;
background-color: #408fc7 !important;
}
.bg--navy-500 {
color: #fff;
background-color: #1073B9 !important;
}
.bg--navy-600 {
color: #fff;
background-color: #0d5c94 !important;
}
.bg--navy-700 {
color: #fff;
background-color: #0a456f !important;
}
.bg--navy-800 {
color: #fff;
background-color: #062e4a !important;
}
.bg--navy-900 {
color: #fff;
background-color: #031725 !important;
}
.bg--blue-100 {
color: #35485d;
background-color: #cdeefa !important;
}
.bg--blue-200 {
color: #35485d;
background-color: #9bdef4 !important;
}
.bg--blue-300 {
color: #35485d;
background-color: #68cdef !important;
}
.bg--blue-400 {
color: #35485d;
background-color: #36bde9 !important;
}
.bg--blue-500 {
color: #fff;
background-color: #04ace4 !important;
}
.bg--blue-600 {
color: #fff;
background-color: #038ab6 !important;
}
.bg--blue-700 {
color: #fff;
background-color: #026789 !important;
}
.bg--blue-800 {
color: #fff;
background-color: #02455b !important;
}
.bg--blue-900 {
color: #fff;
background-color: #01222e !important;
}
.bg--red-100 {
color: #35485d;
background-color: #fcdad7 !important;
}
.bg--red-200 {
color: #35485d;
background-color: #f9b5af !important;
}
.bg--red-300 {
color: #35485d;
background-color: #f58f88 !important;
}
.bg--red-400 {
color: #35485d;
background-color: #f26a60 !important;
}
.bg--red-500 {
color: #fff;
background-color: #ef4538 !important;
}
.bg--red-600 {
color: #fff;
background-color: #bf372d !important;
}
.bg--red-700 {
color: #fff;
background-color: #8f2922 !important;
}
.bg--red-800 {
color: #fff;
background-color: #601c16 !important;
}
.bg--red-900 {
color: #fff;
background-color: #300e0b !important;
}
.bg--orange-100 {
color: #35485d;
background-color: #feead2 !important;
}
.bg--orange-200 {
color: #35485d;
background-color: #fcd6a5 !important;
}
.bg--orange-300 {
color: #35485d;
background-color: #fbc177 !important;
}
.bg--orange-400 {
color: #35485d;
background-color: #f9ad4a !important;
}
.bg--orange-500 {
color: #fff;
background-color: #f8981d !important;
}
.bg--orange-600 {
color: #fff;
background-color: #c67a17 !important;
}
.bg--orange-700 {
color: #fff;
background-color: #955b11 !important;
}
.bg--orange-800 {
color: #fff;
background-color: #633d0c !important;
}
.bg--orange-900 {
color: #fff;
background-color: #321e06 !important;
}
.bg--pink-100 {
color: #35485d;
background-color: #fae0ed !important;
}
.bg--pink-200 {
color: #35485d;
background-color: #f4c2db !important;
}
.bg--pink-300 {
color: #35485d;
background-color: #efa3ca !important;
}
.bg--pink-400 {
color: #35485d;
background-color: #e985b8 !important;
}
.bg--pink-500 {
color: #fff;
background-color: #e466a6 !important;
}
.bg--pink-600 {
color: #fff;
background-color: #b65285 !important;
}
.bg--pink-700 {
color: #fff;
background-color: #893d64 !important;
}
.bg--pink-800 {
color: #fff;
background-color: #5b2942 !important;
}
.bg--pink-900 {
color: #fff;
background-color: #2e1421 !important;
}
.bg--yellow-100 {
color: #35485d;
background-color: #fff5d8 !important;
}
.bg--yellow-200 {
color: #35485d;
background-color: #ffebb2 !important;
}
.bg--yellow-300 {
color: #35485d;
background-color: #ffe18b !important;
}
.bg--yellow-400 {
color: #35485d;
background-color: #ffd765 !important;
}
.bg--yellow-500 {
color: #35485d;
background-color: #ffcd3e !important;
}
.bg--yellow-600 {
color: #35485d;
background-color: #cca432 !important;
}
.bg--yellow-700 {
color: #fff;
background-color: #997b25 !important;
}
.bg--yellow-800 {
color: #fff;
background-color: #665219 !important;
}
.bg--yellow-900 {
color: #fff;
background-color: #33290c !important;
}
.bg--green-100 {
color: #35485d;
background-color: #d4edde !important;
}
.bg--green-200 {
color: #35485d;
background-color: #a8dbbd !important;
}
.bg--green-300 {
color: #35485d;
background-color: #7dca9d !important;
}
.bg--green-400 {
color: #35485d;
background-color: #51b87c !important;
}
.bg--green-500 {
color: #fff;
background-color: #26A65B !important;
}
.bg--green-600 {
color: #fff;
background-color: #1e8549 !important;
}
.bg--green-700 {
color: #fff;
background-color: #176437 !important;
}
.bg--green-800 {
color: #fff;
background-color: #0f4224 !important;
}
.bg--green-900 {
color: #fff;
background-color: #082112 !important;
}
.bg--teal-100 {
color: #35485d;
background-color: #d1eeeb !important;
}
.bg--teal-200 {
color: #35485d;
background-color: #a3dcd7 !important;
}
.bg--teal-300 {
color: #35485d;
background-color: #75cbc4 !important;
}
.bg--teal-400 {
color: #35485d;
background-color: #47b9b0 !important;
}
.bg--teal-500 {
color: #fff;
background-color: #19A89C !important;
}
.bg--teal-600 {
color: #fff;
background-color: #14867d !important;
}
.bg--teal-700 {
color: #fff;
background-color: #0f655e !important;
}
.bg--teal-800 {
color: #fff;
background-color: #0a433e !important;
}
.bg--teal-900 {
color: #fff;
background-color: #05221f !important;
}
.bg--indigo-100 {
color: #35485d;
background-color: #e5e3f7 !important;
}
.bg--indigo-200 {
color: #35485d;
background-color: #cac7ee !important;
}
.bg--indigo-300 {
color: #35485d;
background-color: #b0abe6 !important;
}
.bg--indigo-400 {
color: #35485d;
background-color: #958fdd !important;
}
.bg--indigo-500 {
color: #fff;
background-color: #7B73D5 !important;
}
.bg--indigo-600 {
color: #fff;
background-color: #625caa !important;
}
.bg--indigo-700 {
color: #fff;
background-color: #4a4580 !important;
}
.bg--indigo-800 {
color: #fff;
background-color: #312e55 !important;
}
.bg--indigo-900 {
color: #fff;
background-color: #19172b !important;
}
.bg--gray-100 {
color: #35485d;
background-color: #eceef0 !important;
}
.bg--gray-200 {
color: #35485d;
background-color: #d8dce0 !important;
}
.bg--gray-300 {
color: #35485d;
background-color: #c5cbd1 !important;
}
.bg--gray-400 {
color: #35485d;
background-color: #b1b9c1 !important;
}
.bg--gray-500 {
color: #fff;
background-color: #9ea8b2 !important;
}
.bg--gray-600 {
color: #fff;
background-color: #7e868e !important;
}
.bg--gray-700 {
color: #fff;
background-color: #5f656b !important;
}
.bg--gray-800 {
color: #fff;
background-color: #3f4347 !important;
}
.bg--gray-900 {
color: #fff;
background-color: #202224 !important;
}
.bg--primary-100 {
color: #35485d;
background-color: #efddec !important;
}
.bg--primary-200 {
color: #35485d;
background-color: #debcda !important;
}
.bg--primary-300 {
color: #35485d;
background-color: #ce9ac7 !important;
}
.bg--primary-400 {
color: #35485d;
background-color: #bd79b5 !important;
}
.bg--primary-500 {
color: #fff;
background-color: #ad57a2 !important;
}
.bg--primary-600 {
color: #fff;
background-color: #8a4682 !important;
}
.bg--primary-700 {
color: #fff;
background-color: #683461 !important;
}
.bg--primary-800 {
color: #fff;
background-color: #452341 !important;
}
.bg--primary-900 {
color: #fff;
background-color: #231120 !important;
}
.bg--secondary-100 {
color: #35485d;
background-color: #d1eeeb !important;
}
.bg--secondary-200 {
color: #35485d;
background-color: #a3dcd7 !important;
}
.bg--secondary-300 {
color: #35485d;
background-color: #75cbc4 !important;
}
.bg--secondary-400 {
color: #35485d;
background-color: #47b9b0 !important;
}
.bg--secondary-500 {
color: #fff;
background-color: #19A89C !important;
}
.bg--secondary-600 {
color: #fff;
background-color: #14867d !important;
}
.bg--secondary-700 {
color: #fff;
background-color: #0f655e !important;
}
.bg--secondary-800 {
color: #fff;
background-color: #0a433e !important;
}
.bg--secondary-900 {
color: #fff;
background-color: #05221f !important;
}
.color--purple-100 {
color: #efddec !important;
}
.color--purple-200 {
color: #debcda !important;
}
.color--purple-300 {
color: #ce9ac7 !important;
}
.color--purple-400 {
color: #bd79b5 !important;
}
.color--purple-500 {
color: #ad57a2 !important;
}
.color--purple-600 {
color: #8a4682 !important;
}
.color--purple-700 {
color: #683461 !important;
}
.color--purple-800 {
color: #452341 !important;
}
.color--purple-900 {
color: #231120 !important;
}
.color--navy-100 {
color: #cfe3f1 !important;
}
.color--navy-200 {
color: #9fc7e3 !important;
}
.color--navy-300 {
color: #70abd5 !important;
}
.color--navy-400 {
color: #408fc7 !important;
}
.color--navy-500 {
color: #1073B9 !important;
}
.color--navy-600 {
color: #0d5c94 !important;
}
.color--navy-700 {
color: #0a456f !important;
}
.color--navy-800 {
color: #062e4a !important;
}
.color--navy-900 {
color: #031725 !important;
}
.color--blue-100 {
color: #cdeefa !important;
}
.color--blue-200 {
color: #9bdef4 !important;
}
.color--blue-300 {
color: #68cdef !important;
}
.color--blue-400 {
color: #36bde9 !important;
}
.color--blue-500 {
color: #04ace4 !important;
}
.color--blue-600 {
color: #038ab6 !important;
}
.color--blue-700 {
color: #026789 !important;
}
.color--blue-800 {
color: #02455b !important;
}
.color--blue-900 {
color: #01222e !important;
}
.color--red-100 {
color: #fcdad7 !important;
}
.color--red-200 {
color: #f9b5af !important;
}
.color--red-300 {
color: #f58f88 !important;
}
.color--red-400 {
color: #f26a60 !important;
}
.color--red-500 {
color: #ef4538 !important;
}
.color--red-600 {
color: #bf372d !important;
}
.color--red-700 {
color: #8f2922 !important;
}
.color--red-800 {
color: #601c16 !important;
}
.color--red-900 {
color: #300e0b !important;
}
.color--orange-100 {
color: #feead2 !important;
}
.color--orange-200 {
color: #fcd6a5 !important;
}
.color--orange-300 {
color: #fbc177 !important;
}
.color--orange-400 {
color: #f9ad4a !important;
}
.color--orange-500 {
color: #f8981d !important;
}
.color--orange-600 {
color: #c67a17 !important;
}
.color--orange-700 {
color: #955b11 !important;
}
.color--orange-800 {
color: #633d0c !important;
}
.color--orange-900 {
color: #321e06 !important;
}
.color--pink-100 {
color: #fae0ed !important;
}
.color--pink-200 {
color: #f4c2db !important;
}
.color--pink-300 {
color: #efa3ca !important;
}
.color--pink-400 {
color: #e985b8 !important;
}
.color--pink-500 {
color: #e466a6 !important;
}
.color--pink-600 {
color: #b65285 !important;
}
.color--pink-700 {
color: #893d64 !important;
}
.color--pink-800 {
color: #5b2942 !important;
}
.color--pink-900 {
color: #2e1421 !important;
}
.color--yellow-100 {
color: #fff5d8 !important;
}
.color--yellow-200 {
color: #ffebb2 !important;
}
.color--yellow-300 {
color: #ffe18b !important;
}
.color--yellow-400 {
color: #ffd765 !important;
}
.color--yellow-500 {
color: #ffcd3e !important;
}
.color--yellow-600 {
color: #cca432 !important;
}
.color--yellow-700 {
color: #997b25 !important;
}
.color--yellow-800 {
color: #665219 !important;
}
.color--yellow-900 {
color: #33290c !important;
}
.color--green-100 {
color: #d4edde !important;
}
.color--green-200 {
color: #a8dbbd !important;
}
.color--green-300 {
color: #7dca9d !important;
}
.color--green-400 {
color: #51b87c !important;
}
.color--green-500 {
color: #26A65B !important;
}
.color--green-600 {
color: #1e8549 !important;
}
.color--green-700 {
color: #176437 !important;
}
.color--green-800 {
color: #0f4224 !important;
}
.color--green-900 {
color: #082112 !important;
}
.color--teal-100 {
color: #d1eeeb !important;
}
.color--teal-200 {
color: #a3dcd7 !important;
}
.color--teal-300 {
color: #75cbc4 !important;
}
.color--teal-400 {
color: #47b9b0 !important;
}
.color--teal-500 {
color: #19A89C !important;
}
.color--teal-600 {
color: #14867d !important;
}
.color--teal-700 {
color: #0f655e !important;
}
.color--teal-800 {
color: #0a433e !important;
}
.color--teal-900 {
color: #05221f !important;
}
.color--indigo-100 {
color: #e5e3f7 !important;
}
.color--indigo-200 {
color: #cac7ee !important;
}
.color--indigo-300 {
color: #b0abe6 !important;
}
.color--indigo-400 {
color: #958fdd !important;
}
.color--indigo-500 {
color: #7B73D5 !important;
}
.color--indigo-600 {
color: #625caa !important;
}
.color--indigo-700 {
color: #4a4580 !important;
}
.color--indigo-800 {
color: #312e55 !important;
}
.color--indigo-900 {
color: #19172b !important;
}
.color--gray-100 {
color: #eceef0 !important;
}
.color--gray-200 {
color: #d8dce0 !important;
}
.color--gray-300 {
color: #c5cbd1 !important;
}
.color--gray-400 {
color: #b1b9c1 !important;
}
.color--gray-500 {
color: #9ea8b2 !important;
}
.color--gray-600 {
color: #7e868e !important;
}
.color--gray-700 {
color: #5f656b !important;
}
.color--gray-800 {
color: #3f4347 !important;
}
.color--gray-900 {
color: #202224 !important;
}
.color--primary-100 {
color: #efddec !important;
}
.color--primary-200 {
color: #debcda !important;
}
.color--primary-300 {
color: #ce9ac7 !important;
}
.color--primary-400 {
color: #bd79b5 !important;
}
.color--primary-500 {
color: #ad57a2 !important;
}
.color--primary-600 {
color: #8a4682 !important;
}
.color--primary-700 {
color: #683461 !important;
}
.color--primary-800 {
color: #452341 !important;
}
.color--primary-900 {
color: #231120 !important;
}
.color--secondary-100 {
color: #d1eeeb !important;
}
.color--secondary-200 {
color: #a3dcd7 !important;
}
.color--secondary-300 {
color: #75cbc4 !important;
}
.color--secondary-400 {
color: #47b9b0 !important;
}
.color--secondary-500 {
color: #19A89C !important;
}
.color--secondary-600 {
color: #14867d !important;
}
.color--secondary-700 {
color: #0f655e !important;
}
.color--secondary-800 {
color: #0a433e !important;
}
.color--secondary-900 {
color: #05221f !important;
}
.border--white {
border-color: #fff;
}
.border--black {
border-color: #000;
}
.border--dark {
color: #35485d;
}
.border--gray {
border-color: #9ea8b2;
}
.border--navy {
border-color: #1073B9;
}
.border--blue {
border-color: #04ace4;
}
.border--red {
border-color: #ef4538;
}
.border--orange {
border-color: #f8981d;
}
.border--pink {
border-color: #e466a6;
}
.border--purple {
border-color: #ad57a2;
}
.border--yellow {
border-color: #ffcd3e;
}
.border--green {
border-color: #26A65B;
}
.border--teal {
border-color: #19A89C;
}
.border--indigo {
border-color: #7B73D5;
}
.color--white {
color: #fff !important;
}
.color--black {
color: #000 !important;
}
.color--dark {
color: #35485d !important;
}
.color--gray-ddd {
color: #515b66 !important;
}
.color--gray-dd {
color: #687582 !important;
}
.color--gray-d {
color: #828f9b !important;
}
.color--gray {
color: #9ea8b2 !important;
}
.color--gray-l {
color: #bac2c9 !important;
}
.color--gray-ll {
color: #d7dbdf !important;
}
.color--gray-lll {
color: #f3f4f6 !important;
}
.color--gray-a {
color: rgba(158, 168, 178, 0.75) !important;
}
.color--gray-aa {
color: rgba(158, 168, 178, 0.5) !important;
}
.color--gray-aaa {
color: rgba(158, 168, 178, 0.25) !important;
}
.color--navy {
color: #1073B9 !important;
}
.color--blue {
color: #04ace4 !important;
}
.color--red {
color: #ef4538 !important;
}
.color--orange {
color: #f8981d !important;
}
.color--pink {
color: #e466a6 !important;
}
.color--purple {
color: #ad57a2 !important;
}
.color--yellow {
color: #ffcd3e !important;
}
.color--green {
color: #26A65B !important;
}
.color--teal {
color: #19A89C !important;
}
.color--indigo {
color: #7B73D5 !important;
}
.color--success {
color: #26A65B !important;
}
.color--danger {
color: #ef4538 !important;
}
.color--warning {
color: #f8981d !important;
}
.color--info {
color: #04ace4 !important;
}
.color--facebook {
color: #3959a6 !important;
}
.color--twitter {
color: #2fc6ff !important;
}
.color--google {
color: #c85747 !important;
}
.color--linkedin {
color: #0e76a8 !important;
}
.bg--facebook {
background-color: #3959a6 !important;
}
.bg--twitter {
background-color: #2fc6ff !important;
}
.bg--google {
background-color: #c85747 !important;
}
.bg--linkedin {
background-color: #0e76a8 !important;
}
/*fallback*/
.bg-white {
color: #000;
background-color: #fff !important;
}
.bg-black {
color: #fff;
background-color: #000 !important;
}
.bg-dark {
color: #fff;
background-color: #35485d !important;
}
.bg-gray {
color: #fff;
background-color: #9ea8b2 !important;
}
.bg-navy {
color: #fff;
background-color: #1073B9 !important;
}
.bg-blue {
color: #fff;
background-color: #04ace4 !important;
}
.bg-red {
color: #fff;
background-color: #ef4538 !important;
}
.bg-orange {
color: #fff;
background-color: #f8981d !important;
}
.bg-pink {
color: #fff;
background-color: #e466a6 !important;
}
.bg-purple {
color: #fff;
background-color: #ad57a2 !important;
}
.bg-yellow {
color: #000;
background-color: #ffcd3e !important;
}
.bg-green {
color: #fff;
background-color: #26A65B !important;
}
.bg-teal {
color: #fff;
background-color: #19A89C !important;
}
.color-white {
color: #fff !important;
}
.color-black {
color: #000 !important;
}
.color-dark {
color: #35485d !important;
}
.color-gray {
color: #9ea8b2 !important;
}
.color-navy {
color: #1073B9 !important;
}
.color-blue {
color: #04ace4 !important;
}
.color-red {
color: #ef4538 !important;
}
.color-orange {
color: #f8981d !important;
}
.color-pink {
color: #e466a6 !important;
}
.color-purple {
color: #ad57a2 !important;
}
.color-yellow {
color: #ffcd3e !important;
}
.color-green {
color: #26A65B !important;
}
.color-teal {
color: #19A89C !important;
}
.color-facebook {
background-color: #3959a6 !important;
}
.color-twitter {
background-color: #2fc6ff !important;
}
.color-google {
background-color: #c85747 !important;
}
.color-linkedin {
background-color: #0e76a8 !important;
}
.bg-facebook {
background-color: #3959a6 !important;
}
.bg-twitter {
background-color: #2fc6ff !important;
}
.bg-google {
background-color: #c85747 !important;
}
.bg-linkedin {
background-color: #0e76a8 !important;
}
.align--left {
text-align: left;
}
.align--right {
text-align: right;
}
.align--center {
text-align: center;
}
.align--justify {
text-align: justify;
}
.border-left {
border-left: 1px solid #ccc;
}
.border-dotted-left {
border-left: 1px dotted #ccc;
}
.border-right {
border-right: 1px solid #ccc;
}
.border-dotted-right {
border-right: 1px dotted #ccc;
}
.border-top {
border-top: 1px solid #ccc;
}
.border-dotted-top {
border-top: 1px dotted #ccc;
}
.border-bottom {
border-bottom: 1px solid #ccc;
}
.border-dotted-bottom {
border-bottom: 1px dotted #ccc;
}
.border {
border: 1px solid #ccc;
}
.border-dotted {
border: 1px dotted #ccc;
}
.border-left-off {
border-left: 0;
}
.border-right-off {
border-right: 0;
}
.border-top-off {
border-top: 0;
}
.border-bottom-off {
border-bottom: 0;
}
.border-off {
border: 0;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
.align-justify {
text-align: justify;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.float-off {
float: none;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.pull-off {
float: none;
}
.margin {
margin: 1rem;
}
.margin-s {
margin: 0.5rem;
}
.margin-l {
margin: 2rem;
}
.margin-top {
margin-top: 1rem;
}
.margin-top-s {
margin-top: 0.5rem;
}
.margin-top-l {
margin-top: 2rem;
}
.margin-right {
margin-right: 1rem;
}
.margin-right-s {
margin-right: 0.5rem;
}
.margin-right-l {
margin-right: 2rem;
}
.margin-bottom {
margin-bottom: 1rem;
}
.margin-bottom-s {
margin-bottom: 0.5rem;
}
.margin-bottom-l {
margin-bottom: 2rem;
}
.margin-left {
margin-left: 1rem;
}
.margin-left-s {
margin-left: 0.5rem;
}
.margin-left-l {
margin-left: 2rem;
}
.margin-x {
margin-left: 1rem;
margin-right: 1rem;
}
.margin-x-s {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.margin-x-l {
margin-left: 2rem;
margin-right: 2rem;
}
.margin-y {
margin-top: 1rem;
margin-bottom: 1rem;
}
.margin-y-s {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.margin-y-l {
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-top-off {
margin-top: 0;
}
.margin-right-off {
margin-right: 0;
}
.margin-bottom-off {
margin-bottom: 0;
}
.margin-left-off {
margin-left: 0;
}
.margin-x-off {
margin-left: 0;
margin-right: 0;
}
.margin-y-off {
margin-top: 0;
margin-bottom: 0;
}
.margin-off {
margin: 0 !important;
}
.padding {
padding: 1rem;
}
.padding-s {
padding: 0.5rem;
}
.padding-l {
padding: 2rem;
}
.padding-top {
padding-top: 1rem;
}
.padding-top-s {
padding-top: 0.5rem;
}
.padding-top-l {
padding-top: 2rem;
}
.padding-right {
padding-right: 1rem;
}
.padding-right-s {
padding-right: 0.5rem;
}
.padding-right-l {
padding-right: 2rem;
}
.padding-bottom {
padding-bottom: 1rem;
}
.padding-bottom-s {
padding-bottom: 0.5rem;
}
.padding-bottom-l {
padding-bottom: 2rem;
}
.padding-left {
padding-left: 1rem;
}
.padding-left-s {
padding-left: 0.5rem;
}
.padding-left-l {
padding-left: 2rem;
}
.padding-x {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-x-s {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.padding-x-l {
padding-left: 2rem;
padding-right: 2rem;
}
.padding-y {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-y-s {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.padding-y-l {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-top-off {
padding-top: 0;
}
.padding-right-off {
padding-right: 0;
}
.padding-bottom-off {
padding-bottom: 0;
}
.padding-left-off {
padding-left: 0;
}
.padding-x-off {
padding-left: 0;
padding-right: 0;
}
.padding-y-off {
padding-top: 0;
padding-bottom: 0;
}
.padding-off {
padding: 0 !important;
}
.margin-0 {
margin: 0;
}
.margin-1 {
margin: 0.25rem;
}
.margin-2 {
margin: 0.5rem;
}
.margin-3 {
margin: 0.75rem;
}
.margin-4 {
margin: 1rem;
}
.margin-5 {
margin: 1.5rem;
}
.margin-6 {
margin: 2rem;
}
.margin-8 {
margin: 3rem;
}
.margin-10 {
margin: 4rem;
}
.margin-top-0 {
margin-top: 0;
}
.margin-top-1 {
margin-top: 0.25rem;
}
.margin-top-2 {
margin-top: 0.5rem;
}
.margin-top-3 {
margin-top: 0.75rem;
}
.margin-top-4 {
margin-top: 1rem;
}
.margin-top-5 {
margin-top: 1.5rem;
}
.margin-top-6 {
margin-top: 2rem;
}
.margin-top-8 {
margin-top: 3rem;
}
.margin-top-10 {
margin-top: 4rem;
}
.margin-bottom-0 {
margin-bottom: 0;
}
.margin-bottom-1 {
margin-bottom: 0.25rem;
}
.margin-bottom-2 {
margin-bottom: 0.5rem;
}
.margin-bottom-3 {
margin-bottom: 0.75rem;
}
.margin-bottom-4 {
margin-bottom: 1rem;
}
.margin-bottom-5 {
margin-bottom: 1.5rem;
}
.margin-bottom-6 {
margin-bottom: 2rem;
}
.margin-bottom-8 {
margin-bottom: 3rem;
}
.margin-bottom-10 {
margin-bottom: 4rem;
}
.margin-left-0 {
margin-left: 0;
}
.margin-left-1 {
margin-left: 0.25rem;
}
.margin-left-2 {
margin-left: 0.5rem;
}
.margin-left-3 {
margin-left: 0.75rem;
}
.margin-left-4 {
margin-left: 1rem;
}
.margin-left-5 {
margin-left: 1.5rem;
}
.margin-left-6 {
margin-left: 2rem;
}
.margin-left-8 {
margin-left: 3rem;
}
.margin-left-10 {
margin-left: 4rem;
}
.margin-right-0 {
margin-right: 0;
}
.margin-right-1 {
margin-right: 0.25rem;
}
.margin-right-2 {
margin-right: 0.5rem;
}
.margin-right-3 {
margin-right: 0.75rem;
}
.margin-right-4 {
margin-right: 1rem;
}
.margin-right-5 {
margin-right: 1.5rem;
}
.margin-right-6 {
margin-right: 2rem;
}
.margin-right-8 {
margin-right: 3rem;
}
.margin-right-10 {
margin-right: 4rem;
}
.margin-x-0 {
margin-left: 0;
margin-right: 0;
}
.margin-x-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.margin-x-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.margin-x-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.margin-x-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.margin-x-5 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.margin-x-6 {
margin-left: 2rem;
margin-right: 2rem;
}
.margin-x-8 {
margin-left: 3rem;
margin-right: 3rem;
}
.margin-x-10 {
margin-left: 4rem;
margin-right: 4rem;
}
.margin-y-0 {
margin-top: 0;
margin-bottom: 0;
}
.margin-y-1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.margin-y-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.margin-y-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.margin-y-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.margin-y-5 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.margin-y-6 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-y-8 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.margin-y-10 {
margin-top: 4rem;
margin-bottom: 4rem;
}
.padding-0 {
padding: 0;
}
.padding-1 {
padding: 0.25rem;
}
.padding-2 {
padding: 0.5rem;
}
.padding-3 {
padding: 0.75rem;
}
.padding-4 {
padding: 1rem;
}
.padding-5 {
padding: 1.5rem;
}
.padding-6 {
padding: 2rem;
}
.padding-8 {
padding: 3rem;
}
.padding-10 {
padding: 4rem;
}
.padding-top-0 {
padding-top: 0;
}
.padding-top-1 {
padding-top: 0.25rem;
}
.padding-top-2 {
padding-top: 0.5rem;
}
.padding-top-3 {
padding-top: 0.75rem;
}
.padding-top-4 {
padding-top: 1rem;
}
.padding-top-5 {
padding-top: 1.5rem;
}
.padding-top-6 {
padding-top: 2rem;
}
.padding-top-8 {
padding-top: 3rem;
}
.padding-top-10 {
padding-top: 4rem;
}
.padding-bottom-0 {
padding-bottom: 0;
}
.padding-bottom-1 {
padding-bottom: 0.25rem;
}
.padding-bottom-2 {
padding-bottom: 0.5rem;
}
.padding-bottom-3 {
padding-bottom: 0.75rem;
}
.padding-bottom-4 {
padding-bottom: 1rem;
}
.padding-bottom-5 {
padding-bottom: 1.5rem;
}
.padding-bottom-6 {
padding-bottom: 2rem;
}
.padding-bottom-8 {
padding-bottom: 3rem;
}
.padding-bottom-10 {
padding-bottom: 4rem;
}
.padding-left-0 {
padding-left: 0;
}
.padding-left-1 {
padding-left: 0.25rem;
}
.padding-left-2 {
padding-left: 0.5rem;
}
.padding-left-3 {
padding-left: 0.75rem;
}
.padding-left-4 {
padding-left: 1rem;
}
.padding-left-5 {
padding-left: 1.5rem;
}
.padding-left-6 {
padding-left: 2rem;
}
.padding-left-8 {
padding-left: 3rem;
}
.padding-left-10 {
padding-left: 4rem;
}
.padding-right-0 {
padding-right: 0;
}
.padding-right-1 {
padding-right: 0.25rem;
}
.padding-right-2 {
padding-right: 0.5rem;
}
.padding-right-3 {
padding-right: 0.75rem;
}
.padding-right-4 {
padding-right: 1rem;
}
.padding-right-5 {
padding-right: 1.5rem;
}
.padding-right-6 {
padding-right: 2rem;
}
.padding-right-8 {
padding-right: 3rem;
}
.padding-right-10 {
padding-right: 4rem;
}
.padding-x-0 {
padding-left: 0;
padding-right: 0;
}
.padding-x-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.padding-x-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.padding-x-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.padding-x-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-x-5 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-x-6 {
padding-left: 2rem;
padding-right: 2rem;
}
.padding-x-8 {
padding-left: 3rem;
padding-right: 3rem;
}
.padding-x-10 {
padding-left: 4rem;
padding-right: 4rem;
}
.padding-y-0 {
padding-top: 0;
padding-bottom: 0;
}
.padding-y-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.padding-y-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.padding-y-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.padding-y-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-y-5 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.padding-y-6 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-y-8 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-y-10 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.block {
display: block;
}
.show {
display: block;
}
tr.show,
td.show {
display: table-cell;
}
.hide {
display: none;
}
.visible {
visibility: visible;
overflow: visible;
}
.invisible {
visibility: hidden;
overflow: hidden;
}
.breakall {
word-break: break-all;
}
.nowrap {
white-space: nowrap;
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
.sticky-off {
position: unset;
top: 0;
}
.position-top {
position: absolute;
top: 1rem;
}
.position-right {
position: absolute;
right: 1rem;
}
.position-bottom {
position: absolute;
bottom: 1rem;
}
.position-left {
position: absolute;
left: 1rem;
}
.position-top-left {
position: absolute;
top: 1rem;
left: 1rem;
}
.position-top-right {
position: absolute;
top: 1rem;
right: 1rem;
}
.position-bottom-left {
position: absolute;
bottom: 1rem;
left: 1rem;
}
.position-bottom-right {
position: absolute;
bottom: 1rem;
right: 1rem;
}
.w-100 {
width: 100px;
}
.w-200 {
width: 200px;
}
.w-300 {
width: 300px;
}
.w-400 {
width: 400px;
}
.w-500 {
width: 500px;
}
.w-600 {
width: 600px;
}
.w-full {
width: 100%;
}
.h-100 {
height: 100px;
}
.h-200 {
height: 200px;
}
.h-300 {
height: 300px;
}
.h-400 {
height: 400px;
}
.h-500 {
height: 500px;
}
.h-600 {
height: 600px;
}
.h-full {
height: 100%;
}
.w-auto {
width: auto;
}
.h-auto {
height: auto;
}
.ma {
margin: auto;
}
.rounded {
border-radius: 12px;
}
.circle {
border-radius: 50%;
}
.square {
border-radius: 0;
}
@media screen and (max-width: 1000px) {
.align--left-t {
text-align: left;
}
.align--right-t {
text-align: right;
}
.align--center-t {
text-align: center;
}
.align--justify-t {
text-align: justify;
}
.border-left-t {
border-left: 1px solid #ccc;
}
.border-dotted-left-t {
border-left: 1px dotted #ccc;
}
.border-right-t {
border-right: 1px solid #ccc;
}
.border-dotted-right-t {
border-right: 1px dotted #ccc;
}
.border-top-t {
border-top: 1px solid #ccc;
}
.border-dotted-top-t {
border-top: 1px dotted #ccc;
}
.border-bottom-t {
border-bottom: 1px solid #ccc;
}
.border-dotted-bottom-t {
border-bottom: 1px dotted #ccc;
}
.border-t {
border: 1px solid #ccc;
}
.border-dotted-t {
border: 1px dotted #ccc;
}
.border-left-off-t {
border-left: 0;
}
.border-right-off-t {
border-right: 0;
}
.border-top-off-t {
border-top: 0;
}
.border-bottom-off-t {
border-bottom: 0;
}
.border-off-t {
border: 0;
}
.align-left-t {
text-align: left;
}
.align-right-t {
text-align: right;
}
.align-center-t {
text-align: center;
}
.align-justify-t {
text-align: justify;
}
.float-left-t {
float: left;
}
.float-right-t {
float: right;
}
.float-off-t {
float: none;
}
.pull-left-t {
float: left;
}
.pull-right-t {
float: right;
}
.pull-off-t {
float: none;
}
.margin-t {
margin: 1rem;
}
.margin-s-t {
margin: 0.5rem;
}
.margin-l-t {
margin: 2rem;
}
.margin-top-t {
margin-top: 1rem;
}
.margin-top-s-t {
margin-top: 0.5rem;
}
.margin-top-l-t {
margin-top: 2rem;
}
.margin-right-t {
margin-right: 1rem;
}
.margin-right-s-t {
margin-right: 0.5rem;
}
.margin-right-l-t {
margin-right: 2rem;
}
.margin-bottom-t {
margin-bottom: 1rem;
}
.margin-bottom-s-t {
margin-bottom: 0.5rem;
}
.margin-bottom-l-t {
margin-bottom: 2rem;
}
.margin-left-t {
margin-left: 1rem;
}
.margin-left-s-t {
margin-left: 0.5rem;
}
.margin-left-l-t {
margin-left: 2rem;
}
.margin-x-t {
margin-left: 1rem;
margin-right: 1rem;
}
.margin-x-s-t {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.margin-x-l-t {
margin-left: 2rem;
margin-right: 2rem;
}
.margin-y-t {
margin-top: 1rem;
margin-bottom: 1rem;
}
.margin-y-s-t {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.margin-y-l-t {
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-top-off-t {
margin-top: 0;
}
.margin-right-off-t {
margin-right: 0;
}
.margin-bottom-off-t {
margin-bottom: 0;
}
.margin-left-off-t {
margin-left: 0;
}
.margin-x-off-t {
margin-left: 0;
margin-right: 0;
}
.margin-y-off-t {
margin-top: 0;
margin-bottom: 0;
}
.margin-off-t {
margin: 0 !important;
}
.padding-t {
padding: 1rem;
}
.padding-s-t {
padding: 0.5rem;
}
.padding-l-t {
padding: 2rem;
}
.padding-top-t {
padding-top: 1rem;
}
.padding-top-s-t {
padding-top: 0.5rem;
}
.padding-top-l-t {
padding-top: 2rem;
}
.padding-right-t {
padding-right: 1rem;
}
.padding-right-s-t {
padding-right: 0.5rem;
}
.padding-right-l-t {
padding-right: 2rem;
}
.padding-bottom-t {
padding-bottom: 1rem;
}
.padding-bottom-s-t {
padding-bottom: 0.5rem;
}
.padding-bottom-l-t {
padding-bottom: 2rem;
}
.padding-left-t {
padding-left: 1rem;
}
.padding-left-s-t {
padding-left: 0.5rem;
}
.padding-left-l-t {
padding-left: 2rem;
}
.padding-x-t {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-x-s-t {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.padding-x-l-t {
padding-left: 2rem;
padding-right: 2rem;
}
.padding-y-t {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-y-s-t {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.padding-y-l-t {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-top-off-t {
padding-top: 0;
}
.padding-right-off-t {
padding-right: 0;
}
.padding-bottom-off-t {
padding-bottom: 0;
}
.padding-left-off-t {
padding-left: 0;
}
.padding-x-off-t {
padding-left: 0;
padding-right: 0;
}
.padding-y-off-t {
padding-top: 0;
padding-bottom: 0;
}
.padding-off-t {
padding: 0 !important;
}
.margin-0-t {
margin: 0;
}
.margin-1-t {
margin: 0.25rem;
}
.margin-2-t {
margin: 0.5rem;
}
.margin-3-t {
margin: 0.75rem;
}
.margin-4-t {
margin: 1rem;
}
.margin-5-t {
margin: 1.5rem;
}
.margin-6-t {
margin: 2rem;
}
.margin-8-t {
margin: 3rem;
}
.margin-10-t {
margin: 4rem;
}
.margin-top-0-t {
margin-top: 0;
}
.margin-top-1-t {
margin-top: 0.25rem;
}
.margin-top-2-t {
margin-top: 0.5rem;
}
.margin-top-3-t {
margin-top: 0.75rem;
}
.margin-top-4-t {
margin-top: 1rem;
}
.margin-top-5-t {
margin-top: 1.5rem;
}
.margin-top-6-t {
margin-top: 2rem;
}
.margin-top-8-t {
margin-top: 3rem;
}
.margin-top-10-t {
margin-top: 4rem;
}
.margin-bottom-0-t {
margin-bottom: 0;
}
.margin-bottom-1-t {
margin-bottom: 0.25rem;
}
.margin-bottom-2-t {
margin-bottom: 0.5rem;
}
.margin-bottom-3-t {
margin-bottom: 0.75rem;
}
.margin-bottom-4-t {
margin-bottom: 1rem;
}
.margin-bottom-5-t {
margin-bottom: 1.5rem;
}
.margin-bottom-6-t {
margin-bottom: 2rem;
}
.margin-bottom-8-t {
margin-bottom: 3rem;
}
.margin-bottom-10-t {
margin-bottom: 4rem;
}
.margin-left-0-t {
margin-left: 0;
}
.margin-left-1-t {
margin-left: 0.25rem;
}
.margin-left-2-t {
margin-left: 0.5rem;
}
.margin-left-3-t {
margin-left: 0.75rem;
}
.margin-left-4-t {
margin-left: 1rem;
}
.margin-left-5-t {
margin-left: 1.5rem;
}
.margin-left-6-t {
margin-left: 2rem;
}
.margin-left-8-t {
margin-left: 3rem;
}
.margin-left-10-t {
margin-left: 4rem;
}
.margin-right-0-t {
margin-right: 0;
}
.margin-right-1-t {
margin-right: 0.25rem;
}
.margin-right-2-t {
margin-right: 0.5rem;
}
.margin-right-3-t {
margin-right: 0.75rem;
}
.margin-right-4-t {
margin-right: 1rem;
}
.margin-right-5-t {
margin-right: 1.5rem;
}
.margin-right-6-t {
margin-right: 2rem;
}
.margin-right-8-t {
margin-right: 3rem;
}
.margin-right-10-t {
margin-right: 4rem;
}
.margin-x-0-t {
margin-left: 0;
margin-right: 0;
}
.margin-x-1-t {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.margin-x-2-t {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.margin-x-3-t {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.margin-x-4-t {
margin-left: 1rem;
margin-right: 1rem;
}
.margin-x-5-t {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.margin-x-6-t {
margin-left: 2rem;
margin-right: 2rem;
}
.margin-x-8-t {
margin-left: 3rem;
margin-right: 3rem;
}
.margin-x-10-t {
margin-left: 4rem;
margin-right: 4rem;
}
.margin-y-0-t {
margin-top: 0;
margin-bottom: 0;
}
.margin-y-1-t {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.margin-y-2-t {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.margin-y-3-t {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.margin-y-4-t {
margin-top: 1rem;
margin-bottom: 1rem;
}
.margin-y-5-t {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.margin-y-6-t {
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-y-8-t {
margin-top: 3rem;
margin-bottom: 3rem;
}
.margin-y-10-t {
margin-top: 4rem;
margin-bottom: 4rem;
}
.padding-0-t {
padding: 0;
}
.padding-1-t {
padding: 0.25rem;
}
.padding-2-t {
padding: 0.5rem;
}
.padding-3-t {
padding: 0.75rem;
}
.padding-4-t {
padding: 1rem;
}
.padding-5-t {
padding: 1.5rem;
}
.padding-6-t {
padding: 2rem;
}
.padding-8-t {
padding: 3rem;
}
.padding-10-t {
padding: 4rem;
}
.padding-top-0-t {
padding-top: 0;
}
.padding-top-1-t {
padding-top: 0.25rem;
}
.padding-top-2-t {
padding-top: 0.5rem;
}
.padding-top-3-t {
padding-top: 0.75rem;
}
.padding-top-4-t {
padding-top: 1rem;
}
.padding-top-5-t {
padding-top: 1.5rem;
}
.padding-top-6-t {
padding-top: 2rem;
}
.padding-top-8-t {
padding-top: 3rem;
}
.padding-top-10-t {
padding-top: 4rem;
}
.padding-bottom-0-t {
padding-bottom: 0;
}
.padding-bottom-1-t {
padding-bottom: 0.25rem;
}
.padding-bottom-2-t {
padding-bottom: 0.5rem;
}
.padding-bottom-3-t {
padding-bottom: 0.75rem;
}
.padding-bottom-4-t {
padding-bottom: 1rem;
}
.padding-bottom-5-t {
padding-bottom: 1.5rem;
}
.padding-bottom-6-t {
padding-bottom: 2rem;
}
.padding-bottom-8-t {
padding-bottom: 3rem;
}
.padding-bottom-10-t {
padding-bottom: 4rem;
}
.padding-left-0-t {
padding-left: 0;
}
.padding-left-1-t {
padding-left: 0.25rem;
}
.padding-left-2-t {
padding-left: 0.5rem;
}
.padding-left-3-t {
padding-left: 0.75rem;
}
.padding-left-4-t {
padding-left: 1rem;
}
.padding-left-5-t {
padding-left: 1.5rem;
}
.padding-left-6-t {
padding-left: 2rem;
}
.padding-left-8-t {
padding-left: 3rem;
}
.padding-left-10-t {
padding-left: 4rem;
}
.padding-right-0-t {
padding-right: 0;
}
.padding-right-1-t {
padding-right: 0.25rem;
}
.padding-right-2-t {
padding-right: 0.5rem;
}
.padding-right-3-t {
padding-right: 0.75rem;
}
.padding-right-4-t {
padding-right: 1rem;
}
.padding-right-5-t {
padding-right: 1.5rem;
}
.padding-right-6-t {
padding-right: 2rem;
}
.padding-right-8-t {
padding-right: 3rem;
}
.padding-right-10-t {
padding-right: 4rem;
}
.padding-x-0-t {
padding-left: 0;
padding-right: 0;
}
.padding-x-1-t {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.padding-x-2-t {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.padding-x-3-t {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.padding-x-4-t {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-x-5-t {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-x-6-t {
padding-left: 2rem;
padding-right: 2rem;
}
.padding-x-8-t {
padding-left: 3rem;
padding-right: 3rem;
}
.padding-x-10-t {
padding-left: 4rem;
padding-right: 4rem;
}
.padding-y-0-t {
padding-top: 0;
padding-bottom: 0;
}
.padding-y-1-t {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.padding-y-2-t {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.padding-y-3-t {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.padding-y-4-t {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-y-5-t {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.padding-y-6-t {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-y-8-t {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-y-10-t {
padding-top: 4rem;
padding-bottom: 4rem;
}
.inline-block-t {
display: inline-block;
}
.inline-t {
display: inline;
}
.block-t {
display: block;
}
.show-t {
display: block;
}
tr.show-t,
td.show-t {
display: table-cell;
}
.hide-t {
display: none;
}
.visible-t {
visibility: visible;
overflow: visible;
}
.invisible-t {
visibility: hidden;
overflow: hidden;
}
.breakall-t {
word-break: break-all;
}
.nowrap-t {
white-space: nowrap;
}
.sticky-t {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
.sticky-off-t {
position: unset;
top: 0;
}
.position-top-t {
position: absolute;
top: 1rem;
}
.position-right-t {
position: absolute;
right: 1rem;
}
.position-bottom-t {
position: absolute;
bottom: 1rem;
}
.position-left-t {
position: absolute;
left: 1rem;
}
.position-top-left-t {
position: absolute;
top: 1rem;
left: 1rem;
}
.position-top-right-t {
position: absolute;
top: 1rem;
right: 1rem;
}
.position-bottom-left-t {
position: absolute;
bottom: 1rem;
left: 1rem;
}
.position-bottom-right-t {
position: absolute;
bottom: 1rem;
right: 1rem;
}
.w-100-t {
width: 100px;
}
.w-200-t {
width: 200px;
}
.w-300-t {
width: 300px;
}
.w-400-t {
width: 400px;
}
.w-500-t {
width: 500px;
}
.w-600-t {
width: 600px;
}
.w-full-t {
width: 100%;
}
.h-100-t {
height: 100px;
}
.h-200-t {
height: 200px;
}
.h-300-t {
height: 300px;
}
.h-400-t {
height: 400px;
}
.h-500-t {
height: 500px;
}
.h-600-t {
height: 600px;
}
.h-full-t {
height: 100%;
}
.w-auto-t {
width: auto;
}
.h-auto-t {
height: auto;
}
.ma-t {
margin: auto;
}
.rounded-t {
border-radius: 12px;
}
.circle-t {
border-radius: 50%;
}
.square-t {
border-radius: 0;
}
}
@media screen and (max-width: 640px) {
.align--left-p {
text-align: left;
}
.align--right-p {
text-align: right;
}
.align--center-p {
text-align: center;
}
.align--justify-p {
text-align: justify;
}
.border-left-p {
border-left: 1px solid #ccc;
}
.border-dotted-left-p {
border-left: 1px dotted #ccc;
}
.border-right-p {
border-right: 1px solid #ccc;
}
.border-dotted-right-p {
border-right: 1px dotted #ccc;
}
.border-top-p {
border-top: 1px solid #ccc;
}
.border-dotted-top-p {
border-top: 1px dotted #ccc;
}
.border-bottom-p {
border-bottom: 1px solid #ccc;
}
.border-dotted-bottom-p {
border-bottom: 1px dotted #ccc;
}
.border-p {
border: 1px solid #ccc;
}
.border-dotted-p {
border: 1px dotted #ccc;
}
.border-left-off-p {
border-left: 0;
}
.border-right-off-p {
border-right: 0;
}
.border-top-off-p {
border-top: 0;
}
.border-bottom-off-p {
border-bottom: 0;
}
.border-off-p {
border: 0;
}
.align-left-p {
text-align: left;
}
.align-right-p {
text-align: right;
}
.align-center-p {
text-align: center;
}
.align-justify-p {
text-align: justify;
}
.float-left-p {
float: left;
}
.float-right-p {
float: right;
}
.float-off-p {
float: none;
}
.pull-left-p {
float: left;
}
.pull-right-p {
float: right;
}
.pull-off-p {
float: none;
}
.margin-p {
margin: 1rem;
}
.margin-s-p {
margin: 0.5rem;
}
.margin-l-p {
margin: 2rem;
}
.margin-top-p {
margin-top: 1rem;
}
.margin-top-s-p {
margin-top: 0.5rem;
}
.margin-top-l-p {
margin-top: 2rem;
}
.margin-right-p {
margin-right: 1rem;
}
.margin-right-s-p {
margin-right: 0.5rem;
}
.margin-right-l-p {
margin-right: 2rem;
}
.margin-bottom-p {
margin-bottom: 1rem;
}
.margin-bottom-s-p {
margin-bottom: 0.5rem;
}
.margin-bottom-l-p {
margin-bottom: 2rem;
}
.margin-left-p {
margin-left: 1rem;
}
.margin-left-s-p {
margin-left: 0.5rem;
}
.margin-left-l-p {
margin-left: 2rem;
}
.margin-x-p {
margin-left: 1rem;
margin-right: 1rem;
}
.margin-x-s-p {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.margin-x-l-p {
margin-left: 2rem;
margin-right: 2rem;
}
.margin-y-p {
margin-top: 1rem;
margin-bottom: 1rem;
}
.margin-y-s-p {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.margin-y-l-p {
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-top-off-p {
margin-top: 0;
}
.margin-right-off-p {
margin-right: 0;
}
.margin-bottom-off-p {
margin-bottom: 0;
}
.margin-left-off-p {
margin-left: 0;
}
.margin-x-off-p {
margin-left: 0;
margin-right: 0;
}
.margin-y-off-p {
margin-top: 0;
margin-bottom: 0;
}
.margin-off-p {
margin: 0 !important;
}
.padding-p {
padding: 1rem;
}
.padding-s-p {
padding: 0.5rem;
}
.padding-l-p {
padding: 2rem;
}
.padding-top-p {
padding-top: 1rem;
}
.padding-top-s-p {
padding-top: 0.5rem;
}
.padding-top-l-p {
padding-top: 2rem;
}
.padding-right-p {
padding-right: 1rem;
}
.padding-right-s-p {
padding-right: 0.5rem;
}
.padding-right-l-p {
padding-right: 2rem;
}
.padding-bottom-p {
padding-bottom: 1rem;
}
.padding-bottom-s-p {
padding-bottom: 0.5rem;
}
.padding-bottom-l-p {
padding-bottom: 2rem;
}
.padding-left-p {
padding-left: 1rem;
}
.padding-left-s-p {
padding-left: 0.5rem;
}
.padding-left-l-p {
padding-left: 2rem;
}
.padding-x-p {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-x-s-p {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.padding-x-l-p {
padding-left: 2rem;
padding-right: 2rem;
}
.padding-y-p {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-y-s-p {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.padding-y-l-p {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-top-off-p {
padding-top: 0;
}
.padding-right-off-p {
padding-right: 0;
}
.padding-bottom-off-p {
padding-bottom: 0;
}
.padding-left-off-p {
padding-left: 0;
}
.padding-x-off-p {
padding-left: 0;
padding-right: 0;
}
.padding-y-off-p {
padding-top: 0;
padding-bottom: 0;
}
.padding-off-p {
padding: 0 !important;
}
.margin-0-p {
margin: 0;
}
.margin-1-p {
margin: 0.25rem;
}
.margin-2-p {
margin: 0.5rem;
}
.margin-3-p {
margin: 0.75rem;
}
.margin-4-p {
margin: 1rem;
}
.margin-5-p {
margin: 1.5rem;
}
.margin-6-p {
margin: 2rem;
}
.margin-8-p {
margin: 3rem;
}
.margin-10-p {
margin: 4rem;
}
.margin-top-0-p {
margin-top: 0;
}
.margin-top-1-p {
margin-top: 0.25rem;
}
.margin-top-2-p {
margin-top: 0.5rem;
}
.margin-top-3-p {
margin-top: 0.75rem;
}
.margin-top-4-p {
margin-top: 1rem;
}
.margin-top-5-p {
margin-top: 1.5rem;
}
.margin-top-6-p {
margin-top: 2rem;
}
.margin-top-8-p {
margin-top: 3rem;
}
.margin-top-10-p {
margin-top: 4rem;
}
.margin-bottom-0-p {
margin-bottom: 0;
}
.margin-bottom-1-p {
margin-bottom: 0.25rem;
}
.margin-bottom-2-p {
margin-bottom: 0.5rem;
}
.margin-bottom-3-p {
margin-bottom: 0.75rem;
}
.margin-bottom-4-p {
margin-bottom: 1rem;
}
.margin-bottom-5-p {
margin-bottom: 1.5rem;
}
.margin-bottom-6-p {
margin-bottom: 2rem;
}
.margin-bottom-8-p {
margin-bottom: 3rem;
}
.margin-bottom-10-p {
margin-bottom: 4rem;
}
.margin-left-0-p {
margin-left: 0;
}
.margin-left-1-p {
margin-left: 0.25rem;
}
.margin-left-2-p {
margin-left: 0.5rem;
}
.margin-left-3-p {
margin-left: 0.75rem;
}
.margin-left-4-p {
margin-left: 1rem;
}
.margin-left-5-p {
margin-left: 1.5rem;
}
.margin-left-6-p {
margin-left: 2rem;
}
.margin-left-8-p {
margin-left: 3rem;
}
.margin-left-10-p {
margin-left: 4rem;
}
.margin-right-0-p {
margin-right: 0;
}
.margin-right-1-p {
margin-right: 0.25rem;
}
.margin-right-2-p {
margin-right: 0.5rem;
}
.margin-right-3-p {
margin-right: 0.75rem;
}
.margin-right-4-p {
margin-right: 1rem;
}
.margin-right-5-p {
margin-right: 1.5rem;
}
.margin-right-6-p {
margin-right: 2rem;
}
.margin-right-8-p {
margin-right: 3rem;
}
.margin-right-10-p {
margin-right: 4rem;
}
.margin-x-0-p {
margin-left: 0;
margin-right: 0;
}
.margin-x-1-p {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.margin-x-2-p {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.margin-x-3-p {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.margin-x-4-p {
margin-left: 1rem;
margin-right: 1rem;
}
.margin-x-5-p {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.margin-x-6-p {
margin-left: 2rem;
margin-right: 2rem;
}
.margin-x-8-p {
margin-left: 3rem;
margin-right: 3rem;
}
.margin-x-10-p {
margin-left: 4rem;
margin-right: 4rem;
}
.margin-y-0-p {
margin-top: 0;
margin-bottom: 0;
}
.margin-y-1-p {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.margin-y-2-p {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.margin-y-3-p {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.margin-y-4-p {
margin-top: 1rem;
margin-bottom: 1rem;
}
.margin-y-5-p {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.margin-y-6-p {
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-y-8-p {
margin-top: 3rem;
margin-bottom: 3rem;
}
.margin-y-10-p {
margin-top: 4rem;
margin-bottom: 4rem;
}
.padding-0-p {
padding: 0;
}
.padding-1-p {
padding: 0.25rem;
}
.padding-2-p {
padding: 0.5rem;
}
.padding-3-p {
padding: 0.75rem;
}
.padding-4-p {
padding: 1rem;
}
.padding-5-p {
padding: 1.5rem;
}
.padding-6-p {
padding: 2rem;
}
.padding-8-p {
padding: 3rem;
}
.padding-10-p {
padding: 4rem;
}
.padding-top-0-p {
padding-top: 0;
}
.padding-top-1-p {
padding-top: 0.25rem;
}
.padding-top-2-p {
padding-top: 0.5rem;
}
.padding-top-3-p {
padding-top: 0.75rem;
}
.padding-top-4-p {
padding-top: 1rem;
}
.padding-top-5-p {
padding-top: 1.5rem;
}
.padding-top-6-p {
padding-top: 2rem;
}
.padding-top-8-p {
padding-top: 3rem;
}
.padding-top-10-p {
padding-top: 4rem;
}
.padding-bottom-0-p {
padding-bottom: 0;
}
.padding-bottom-1-p {
padding-bottom: 0.25rem;
}
.padding-bottom-2-p {
padding-bottom: 0.5rem;
}
.padding-bottom-3-p {
padding-bottom: 0.75rem;
}
.padding-bottom-4-p {
padding-bottom: 1rem;
}
.padding-bottom-5-p {
padding-bottom: 1.5rem;
}
.padding-bottom-6-p {
padding-bottom: 2rem;
}
.padding-bottom-8-p {
padding-bottom: 3rem;
}
.padding-bottom-10-p {
padding-bottom: 4rem;
}
.padding-left-0-p {
padding-left: 0;
}
.padding-left-1-p {
padding-left: 0.25rem;
}
.padding-left-2-p {
padding-left: 0.5rem;
}
.padding-left-3-p {
padding-left: 0.75rem;
}
.padding-left-4-p {
padding-left: 1rem;
}
.padding-left-5-p {
padding-left: 1.5rem;
}
.padding-left-6-p {
padding-left: 2rem;
}
.padding-left-8-p {
padding-left: 3rem;
}
.padding-left-10-p {
padding-left: 4rem;
}
.padding-right-0-p {
padding-right: 0;
}
.padding-right-1-p {
padding-right: 0.25rem;
}
.padding-right-2-p {
padding-right: 0.5rem;
}
.padding-right-3-p {
padding-right: 0.75rem;
}
.padding-right-4-p {
padding-right: 1rem;
}
.padding-right-5-p {
padding-right: 1.5rem;
}
.padding-right-6-p {
padding-right: 2rem;
}
.padding-right-8-p {
padding-right: 3rem;
}
.padding-right-10-p {
padding-right: 4rem;
}
.padding-x-0-p {
padding-left: 0;
padding-right: 0;
}
.padding-x-1-p {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.padding-x-2-p {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.padding-x-3-p {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.padding-x-4-p {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-x-5-p {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-x-6-p {
padding-left: 2rem;
padding-right: 2rem;
}
.padding-x-8-p {
padding-left: 3rem;
padding-right: 3rem;
}
.padding-x-10-p {
padding-left: 4rem;
padding-right: 4rem;
}
.padding-y-0-p {
padding-top: 0;
padding-bottom: 0;
}
.padding-y-1-p {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.padding-y-2-p {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.padding-y-3-p {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.padding-y-4-p {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-y-5-p {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.padding-y-6-p {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-y-8-p {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-y-10-p {
padding-top: 4rem;
padding-bottom: 4rem;
}
.inline-block-p {
display: inline-block;
}
.inline-p {
display: inline;
}
.block-p {
display: block;
}
.show-p {
display: block;
}
tr.show-p,
td.show-p {
display: table-cell;
}
.hide-p {
display: none;
}
.visible-p {
visibility: visible;
overflow: visible;
}
.invisible-p {
visibility: hidden;
overflow: hidden;
}
.breakall-p {
word-break: break-all;
}
.nowrap-p {
white-space: nowrap;
}
.sticky-p {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
.sticky-off-p {
position: unset;
top: 0;
}
.position-top-p {
position: absolute;
top: 1rem;
}
.position-right-p {
position: absolute;
right: 1rem;
}
.position-bottom-p {
position: absolute;
bottom: 1rem;
}
.position-left-p {
position: absolute;
left: 1rem;
}
.position-top-left-p {
position: absolute;
top: 1rem;
left: 1rem;
}
.position-top-right-p {
position: absolute;
top: 1rem;
right: 1rem;
}
.position-bottom-left-p {
position: absolute;
bottom: 1rem;
left: 1rem;
}
.position-bottom-right-p {
position: absolute;
bottom: 1rem;
right: 1rem;
}
.w-100-p {
width: 100px;
}
.w-200-p {
width: 200px;
}
.w-300-p {
width: 300px;
}
.w-400-p {
width: 400px;
}
.w-500-p {
width: 500px;
}
.w-600-p {
width: 600px;
}
.w-full-p {
width: 100%;
}
.h-100-p {
height: 100px;
}
.h-200-p {
height: 200px;
}
.h-300-p {
height: 300px;
}
.h-400-p {
height: 400px;
}
.h-500-p {
height: 500px;
}
.h-600-p {
height: 600px;
}
.h-full-p {
height: 100%;
}
.w-auto-p {
width: auto;
}
.h-auto-p {
height: auto;
}
.ma-p {
margin: auto;
}
.rounded-p {
border-radius: 12px;
}
.circle-p {
border-radius: 50%;
}
.square-p {
border-radius: 0;
}
}
@media screen and (min-width: 1441px) {
.align--left-w {
text-align: left;
}
.align--right-w {
text-align: right;
}
.align--center-w {
text-align: center;
}
.align--justify-w {
text-align: justify;
}
.border-left-w {
border-left: 1px solid #ccc;
}
.border-dotted-left-w {
border-left: 1px dotted #ccc;
}
.border-right-w {
border-right: 1px solid #ccc;
}
.border-dotted-right-w {
border-right: 1px dotted #ccc;
}
.border-top-w {
border-top: 1px solid #ccc;
}
.border-dotted-top-w {
border-top: 1px dotted #ccc;
}
.border-bottom-w {
border-bottom: 1px solid #ccc;
}
.border-dotted-bottom-w {
border-bottom: 1px dotted #ccc;
}
.border-w {
border: 1px solid #ccc;
}
.border-dotted-w {
border: 1px dotted #ccc;
}
.border-left-off-w {
border-left: 0;
}
.border-right-off-w {
border-right: 0;
}
.border-top-off-w {
border-top: 0;
}
.border-bottom-off-w {
border-bottom: 0;
}
.border-off-w {
border: 0;
}
.align-left-w {
text-align: left;
}
.align-right-w {
text-align: right;
}
.align-center-w {
text-align: center;
}
.align-justify-w {
text-align: justify;
}
.float-left-w {
float: left;
}
.float-right-w {
float: right;
}
.float-off-w {
float: none;
}
.pull-left-w {
float: left;
}
.pull-right-w {
float: right;
}
.pull-off-w {
float: none;
}
.margin-w {
margin: 1rem;
}
.margin-s-w {
margin: 0.5rem;
}
.margin-l-w {
margin: 2rem;
}
.margin-top-w {
margin-top: 1rem;
}
.margin-top-s-w {
margin-top: 0.5rem;
}
.margin-top-l-w {
margin-top: 2rem;
}
.margin-right-w {
margin-right: 1rem;
}
.margin-right-s-w {
margin-right: 0.5rem;
}
.margin-right-l-w {
margin-right: 2rem;
}
.margin-bottom-w {
margin-bottom: 1rem;
}
.margin-bottom-s-w {
margin-bottom: 0.5rem;
}
.margin-bottom-l-w {
margin-bottom: 2rem;
}
.margin-left-w {
margin-left: 1rem;
}
.margin-left-s-w {
margin-left: 0.5rem;
}
.margin-left-l-w {
margin-left: 2rem;
}
.margin-x-w {
margin-left: 1rem;
margin-right: 1rem;
}
.margin-x-s-w {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.margin-x-l-w {
margin-left: 2rem;
margin-right: 2rem;
}
.margin-y-w {
margin-top: 1rem;
margin-bottom: 1rem;
}
.margin-y-s-w {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.margin-y-l-w {
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-top-off-w {
margin-top: 0;
}
.margin-right-off-w {
margin-right: 0;
}
.margin-bottom-off-w {
margin-bottom: 0;
}
.margin-left-off-w {
margin-left: 0;
}
.margin-x-off-w {
margin-left: 0;
margin-right: 0;
}
.margin-y-off-w {
margin-top: 0;
margin-bottom: 0;
}
.margin-off-w {
margin: 0 !important;
}
.padding-w {
padding: 1rem;
}
.padding-s-w {
padding: 0.5rem;
}
.padding-l-w {
padding: 2rem;
}
.padding-top-w {
padding-top: 1rem;
}
.padding-top-s-w {
padding-top: 0.5rem;
}
.padding-top-l-w {
padding-top: 2rem;
}
.padding-right-w {
padding-right: 1rem;
}
.padding-right-s-w {
padding-right: 0.5rem;
}
.padding-right-l-w {
padding-right: 2rem;
}
.padding-bottom-w {
padding-bottom: 1rem;
}
.padding-bottom-s-w {
padding-bottom: 0.5rem;
}
.padding-bottom-l-w {
padding-bottom: 2rem;
}
.padding-left-w {
padding-left: 1rem;
}
.padding-left-s-w {
padding-left: 0.5rem;
}
.padding-left-l-w {
padding-left: 2rem;
}
.padding-x-w {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-x-s-w {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.padding-x-l-w {
padding-left: 2rem;
padding-right: 2rem;
}
.padding-y-w {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-y-s-w {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.padding-y-l-w {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-top-off-w {
padding-top: 0;
}
.padding-right-off-w {
padding-right: 0;
}
.padding-bottom-off-w {
padding-bottom: 0;
}
.padding-left-off-w {
padding-left: 0;
}
.padding-x-off-w {
padding-left: 0;
padding-right: 0;
}
.padding-y-off-w {
padding-top: 0;
padding-bottom: 0;
}
.padding-off-w {
padding: 0 !important;
}
.margin-0-w {
margin: 0;
}
.margin-1-w {
margin: 0.25rem;
}
.margin-2-w {
margin: 0.5rem;
}
.margin-3-w {
margin: 0.75rem;
}
.margin-4-w {
margin: 1rem;
}
.margin-5-w {
margin: 1.5rem;
}
.margin-6-w {
margin: 2rem;
}
.margin-8-w {
margin: 3rem;
}
.margin-10-w {
margin: 4rem;
}
.margin-top-0-w {
margin-top: 0;
}
.margin-top-1-w {
margin-top: 0.25rem;
}
.margin-top-2-w {
margin-top: 0.5rem;
}
.margin-top-3-w {
margin-top: 0.75rem;
}
.margin-top-4-w {
margin-top: 1rem;
}
.margin-top-5-w {
margin-top: 1.5rem;
}
.margin-top-6-w {
margin-top: 2rem;
}
.margin-top-8-w {
margin-top: 3rem;
}
.margin-top-10-w {
margin-top: 4rem;
}
.margin-bottom-0-w {
margin-bottom: 0;
}
.margin-bottom-1-w {
margin-bottom: 0.25rem;
}
.margin-bottom-2-w {
margin-bottom: 0.5rem;
}
.margin-bottom-3-w {
margin-bottom: 0.75rem;
}
.margin-bottom-4-w {
margin-bottom: 1rem;
}
.margin-bottom-5-w {
margin-bottom: 1.5rem;
}
.margin-bottom-6-w {
margin-bottom: 2rem;
}
.margin-bottom-8-w {
margin-bottom: 3rem;
}
.margin-bottom-10-w {
margin-bottom: 4rem;
}
.margin-left-0-w {
margin-left: 0;
}
.margin-left-1-w {
margin-left: 0.25rem;
}
.margin-left-2-w {
margin-left: 0.5rem;
}
.margin-left-3-w {
margin-left: 0.75rem;
}
.margin-left-4-w {
margin-left: 1rem;
}
.margin-left-5-w {
margin-left: 1.5rem;
}
.margin-left-6-w {
margin-left: 2rem;
}
.margin-left-8-w {
margin-left: 3rem;
}
.margin-left-10-w {
margin-left: 4rem;
}
.margin-right-0-w {
margin-right: 0;
}
.margin-right-1-w {
margin-right: 0.25rem;
}
.margin-right-2-w {
margin-right: 0.5rem;
}
.margin-right-3-w {
margin-right: 0.75rem;
}
.margin-right-4-w {
margin-right: 1rem;
}
.margin-right-5-w {
margin-right: 1.5rem;
}
.margin-right-6-w {
margin-right: 2rem;
}
.margin-right-8-w {
margin-right: 3rem;
}
.margin-right-10-w {
margin-right: 4rem;
}
.margin-x-0-w {
margin-left: 0;
margin-right: 0;
}
.margin-x-1-w {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.margin-x-2-w {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.margin-x-3-w {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.margin-x-4-w {
margin-left: 1rem;
margin-right: 1rem;
}
.margin-x-5-w {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.margin-x-6-w {
margin-left: 2rem;
margin-right: 2rem;
}
.margin-x-8-w {
margin-left: 3rem;
margin-right: 3rem;
}
.margin-x-10-w {
margin-left: 4rem;
margin-right: 4rem;
}
.margin-y-0-w {
margin-top: 0;
margin-bottom: 0;
}
.margin-y-1-w {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.margin-y-2-w {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.margin-y-3-w {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.margin-y-4-w {
margin-top: 1rem;
margin-bottom: 1rem;
}
.margin-y-5-w {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.margin-y-6-w {
margin-top: 2rem;
margin-bottom: 2rem;
}
.margin-y-8-w {
margin-top: 3rem;
margin-bottom: 3rem;
}
.margin-y-10-w {
margin-top: 4rem;
margin-bottom: 4rem;
}
.padding-0-w {
padding: 0;
}
.padding-1-w {
padding: 0.25rem;
}
.padding-2-w {
padding: 0.5rem;
}
.padding-3-w {
padding: 0.75rem;
}
.padding-4-w {
padding: 1rem;
}
.padding-5-w {
padding: 1.5rem;
}
.padding-6-w {
padding: 2rem;
}
.padding-8-w {
padding: 3rem;
}
.padding-10-w {
padding: 4rem;
}
.padding-top-0-w {
padding-top: 0;
}
.padding-top-1-w {
padding-top: 0.25rem;
}
.padding-top-2-w {
padding-top: 0.5rem;
}
.padding-top-3-w {
padding-top: 0.75rem;
}
.padding-top-4-w {
padding-top: 1rem;
}
.padding-top-5-w {
padding-top: 1.5rem;
}
.padding-top-6-w {
padding-top: 2rem;
}
.padding-top-8-w {
padding-top: 3rem;
}
.padding-top-10-w {
padding-top: 4rem;
}
.padding-bottom-0-w {
padding-bottom: 0;
}
.padding-bottom-1-w {
padding-bottom: 0.25rem;
}
.padding-bottom-2-w {
padding-bottom: 0.5rem;
}
.padding-bottom-3-w {
padding-bottom: 0.75rem;
}
.padding-bottom-4-w {
padding-bottom: 1rem;
}
.padding-bottom-5-w {
padding-bottom: 1.5rem;
}
.padding-bottom-6-w {
padding-bottom: 2rem;
}
.padding-bottom-8-w {
padding-bottom: 3rem;
}
.padding-bottom-10-w {
padding-bottom: 4rem;
}
.padding-left-0-w {
padding-left: 0;
}
.padding-left-1-w {
padding-left: 0.25rem;
}
.padding-left-2-w {
padding-left: 0.5rem;
}
.padding-left-3-w {
padding-left: 0.75rem;
}
.padding-left-4-w {
padding-left: 1rem;
}
.padding-left-5-w {
padding-left: 1.5rem;
}
.padding-left-6-w {
padding-left: 2rem;
}
.padding-left-8-w {
padding-left: 3rem;
}
.padding-left-10-w {
padding-left: 4rem;
}
.padding-right-0-w {
padding-right: 0;
}
.padding-right-1-w {
padding-right: 0.25rem;
}
.padding-right-2-w {
padding-right: 0.5rem;
}
.padding-right-3-w {
padding-right: 0.75rem;
}
.padding-right-4-w {
padding-right: 1rem;
}
.padding-right-5-w {
padding-right: 1.5rem;
}
.padding-right-6-w {
padding-right: 2rem;
}
.padding-right-8-w {
padding-right: 3rem;
}
.padding-right-10-w {
padding-right: 4rem;
}
.padding-x-0-w {
padding-left: 0;
padding-right: 0;
}
.padding-x-1-w {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.padding-x-2-w {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.padding-x-3-w {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.padding-x-4-w {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-x-5-w {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-x-6-w {
padding-left: 2rem;
padding-right: 2rem;
}
.padding-x-8-w {
padding-left: 3rem;
padding-right: 3rem;
}
.padding-x-10-w {
padding-left: 4rem;
padding-right: 4rem;
}
.padding-y-0-w {
padding-top: 0;
padding-bottom: 0;
}
.padding-y-1-w {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.padding-y-2-w {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.padding-y-3-w {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.padding-y-4-w {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-y-5-w {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.padding-y-6-w {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-y-8-w {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-y-10-w {
padding-top: 4rem;
padding-bottom: 4rem;
}
.inline-block-w {
display: inline-block;
}
.inline-w {
display: inline;
}
.block-w {
display: block;
}
.show-w {
display: block;
}
tr.show-w,
td.show-w {
display: table-cell;
}
.hide-w {
display: none;
}
.visible-w {
visibility: visible;
overflow: visible;
}
.invisible-w {
visibility: hidden;
overflow: hidden;
}
.breakall-w {
word-break: break-all;
}
.nowrap-w {
white-space: nowrap;
}
.sticky-w {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
.sticky-off-w {
position: unset;
top: 0;
}
.position-top-w {
position: absolute;
top: 1rem;
}
.position-right-w {
position: absolute;
right: 1rem;
}
.position-bottom-w {
position: absolute;
bottom: 1rem;
}
.position-left-w {
position: absolute;
left: 1rem;
}
.position-top-left-w {
position: absolute;
top: 1rem;
left: 1rem;
}
.position-top-right-w {
position: absolute;
top: 1rem;
right: 1rem;
}
.position-bottom-left-w {
position: absolute;
bottom: 1rem;
left: 1rem;
}
.position-bottom-right-w {
position: absolute;
bottom: 1rem;
right: 1rem;
}
.w-100-w {
width: 100px;
}
.w-200-w {
width: 200px;
}
.w-300-w {
width: 300px;
}
.w-400-w {
width: 400px;
}
.w-500-w {
width: 500px;
}
.w-600-w {
width: 600px;
}
.w-full-w {
width: 100%;
}
.h-100-w {
height: 100px;
}
.h-200-w {
height: 200px;
}
.h-300-w {
height: 300px;
}
.h-400-w {
height: 400px;
}
.h-500-w {
height: 500px;
}
.h-600-w {
height: 600px;
}
.h-full-w {
height: 100%;
}
.w-auto-w {
width: auto;
}
.h-auto-w {
height: auto;
}
.ma-w {
margin: auto;
}
.rounded-w {
border-radius: 12px;
}
.circle-w {
border-radius: 50%;
}
.square-w {
border-radius: 0;
}
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.linethrough {
text-decoration: line-through;
}
.scale--s {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.scale--b {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.opacity--100 {
opacity: 1;
}
.opacity--75 {
opacity: 0.75;
}
.opacity--50 {
opacity: 0.5;
}
.opacity--25 {
opacity: 0.25;
}
.opacity--0 {
opacity: 0;
}
.outline {
border-width: 1px;
border-style: solid;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.nobetween {
position: relative;
margin-left: -4px;
}
.hoverable {
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.hoverable:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.clickable {
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.clickable:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.clickable:active {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
/*used in homepage*/
.badge {
border-radius: 50px;
width: 30px;
height: 30px;
color: #fff !important;
line-height: 30px;
text-align: center;
display: block;
}
.badge.sm {
width: 13px;
height: 13px;
line-height: 13px;
font-size: 10px;
}
/*add left and right verticle line on element to act as seperator*/
.divider-text {
font-size: 0.7rem;
letter-spacing: 1px;
height: 20px;
line-height: 20px;
margin: 15px 0;
position: relative;
text-align: center;
}
.divider-text span {
display: inline-block;
}
.divider-text span::before,
.divider-text span::after {
content: '';
position: absolute;
border-top: 1px solid #e6e8ec;
width: 30%;
top: 9px;
left: 0;
}
.divider-text span::after {
right: 0;
left: auto;
}
/*fallback*/
.img-circle {
border-radius: 50%;
}
/*now using .circle*/
.scale-s {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.scale-l {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.opacity-100 {
opacity: 1;
}
.opacity-75 {
opacity: 0.75;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-0 {
opacity: 0;
}
@font-face {
font-family: 'Texta Alt';
src: url('/public/font/TextaAlt-Regular.woff2');
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'Texta Alt Thin';
src: url('/public/font/TextaAlt-Thin.woff2');
font-style: normal;
font-weight: 200;
}
@font-face {
font-family: 'Texta Alt Black';
src: url('/public/font/TextaAlt-Black.woff2');
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: "Noto Sans SC";
src: url('/public/font/NotoSansSC-Regular.woff2');
/* IE9 Compat Modes */
unicode-range: U+4E00-9FFF, U+3400-4DBF, U+20000-2A6DF;
/* Targets all Chinese characters */
size-adjust: 90%;
}
/* Helper */
.font--thin {
font-family: 'Texta Alt Thin', 'Noto Sans SC', sans-serif;
}
.font--black {
font-family: 'Texta Alt Black', 'Noto Sans SC', sans-serif;
}
.font--mono {
font-family: Monaco, "Lucida Sans Typewriter", Consolas, "Courier New", monospace;
}
.font--bbb {
font-size: var(--t2u-font-bbb);
letter-spacing: -0.015em;
}
.font--bb {
font-size: var(--t2u-font-bb);
letter-spacing: -0.01em;
}
.font--b {
font-size: var(--t2u-font-b);
letter-spacing: -0.005em;
}
.font {
font-size: var(--t2u-font);
}
.font--s {
font-size: var(--t2u-font-s);
}
.font--ss {
font-size: var(--t2u-font-ss);
}
.font--sss {
font-size: var(--t2u-font-sss);
}
.font--fade {
color: #9ea8b2;
}
.font--bold {
font-weight: bold;
}
.font--normal {
font-weight: normal;
}
.font--italic {
font-style: italic;
}
.font--underline {
text-decoration: underline;
}
.font--line-through {
text-decoration: line-through;
}
.font--overline {
text-decoration: overline;
}
.font--upper {
text-transform: uppercase;
}
.font--lower {
text-transform: lowercase;
}
.font--camel {
text-transform: capitalize;
}
.font--off {
text-transform: none;
}
.font--vertical {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
abbr,
acronym,
dfn[title] {
cursor: help;
}
abbr a {
text-decoration: none;
}
acronym {
text-transform: uppercase;
}
blockquote {
padding-left: 1rem;
border-left: 5px solid #efefef;
font-style: italic;
}
blockquote p {
margin: 0;
}
blockquote p + p {
margin-top: 1rem;
}
blockquote footer {
color: #686868;
font-style: italic;
font-size: 0.8125rem;
}
blockquote footer:before {
content: "\2014 \2009";
}
blockquote,
pre {
margin: 0 0 2%;
}
code {
font-size: var(--t2u-font-s);
font-family: Monaco, "Lucida Sans Typewriter", Consolas, "Courier New", monospace;
padding: 0 0.3rem;
border: 1px solid #d6d6d6;
background: #f8f8f8;
white-space: nowrap;
border-radius: 0;
}
pre code {
display: block;
overflow: auto;
margin: 0;
padding: 0;
height: 100%;
border: none;
background: transparent;
white-space: pre;
border-radius: 0;
}
kbd {
position: relative;
top: -1px;
margin-bottom: 1px;
padding: 0 0.3rem;
border: 1px solid #d6d6d6;
background: #f8f8f8;
white-space: nowrap;
font-size: 10px;
font-family: Monaco, "Lucida Sans Typewriter", Consolas, "Courier New", monospace;
border-radius: 4px;
-webkit-box-shadow: 0 1px 0px #d6d6d6, inset 0 0 0 1px #fff;
box-shadow: 0 1px 0px #d6d6d6, inset 0 0 0 1px #fff;
}
@layer base, plugin, element, ui, page;
@layer base {
:root {
--t2u-surface: #fff;
--t2u-surface-sunk: #fcfcfd;
--t2u-text: #35485d;
--t2u-text-muted: #828f9b;
--t2u-border: #f3f4f6;
--t2u-primary: #ad57a2;
--t2u-primary-hover: #7b3c73;
--t2u-secondary: #19A89C;
--t2u-secondary-hover: #0f655e;
--t2u-success: #26A65B;
--t2u-danger: #ef4538;
--t2u-warning: #f8981d;
--t2u-info: #04ace4;
--t2u-radius-s: 8px;
--t2u-radius-m: 12px;
--t2u-radius-l: 20px;
--t2u-shadow-card: 0 1px 2px rgba(28, 32, 36, 0.06), 0 8px 24px rgba(28, 32, 36, 0.06);
--t2u-shadow-hover: 0 2px 4px rgba(28, 32, 36, 0.08), 0 16px 32px -8px rgba(28, 32, 36, 0.18);
--t2u-primary-100: #efddec;
--t2u-primary-200: #debcda;
--t2u-primary-300: #ce9ac7;
--t2u-primary-400: #bd79b5;
--t2u-primary-500: #ad57a2;
--t2u-primary-600: #8a4682;
--t2u-primary-700: #683461;
--t2u-primary-800: #452341;
--t2u-primary-900: #231120;
--t2u-gray-100: #eceef0;
--t2u-gray-200: #d8dce0;
--t2u-gray-300: #c5cbd1;
--t2u-gray-400: #b1b9c1;
--t2u-gray-500: #9ea8b2;
--t2u-gray-600: #7e868e;
--t2u-gray-700: #5f656b;
--t2u-gray-800: #3f4347;
--t2u-gray-900: #202224;
--t2u-gray-a: rgba(158, 168, 178, 0.75);
--t2u-gray-aa: rgba(158, 168, 178, 0.5);
--t2u-gray-aaa: rgba(158, 168, 178, 0.25);
--t2u-color-white: #fff;
--t2u-color-black: #000;
--t2u-color-dark: #35485d;
--t2u-color-gray: #9ea8b2;
--t2u-color-navy: #1073B9;
--t2u-color-blue: #04ace4;
--t2u-color-red: #ef4538;
--t2u-color-orange: #f8981d;
--t2u-color-pink: #e466a6;
--t2u-color-purple: #ad57a2;
--t2u-color-yellow: #ffcd3e;
--t2u-color-green: #26A65B;
--t2u-color-teal: #19A89C;
--t2u-color-indigo: #7B73D5;
}
[data-theme="dark"] {
--t2u-surface: #10161c;
--t2u-surface-sunk: #000000;
--t2u-text: #fff;
--t2u-text-muted: #d7dbdf;
--t2u-border: #48617d;
}
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address inconsistent styling of `abbr[title]`.
* 1. Correct styling in Firefox 39 and Opera 12.
* 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Address inconsistent styling of b and strong.
* 1. Correct duplicate application of `bolder` in Safari 6.0.2.
* 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+.
*/
b,
strong {
font-weight: inherit;
/* 1 */
}
b,
strong {
font-weight: bolder;
/* 2 */
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove the gap between ![]()
elements and the bottom of their
* containers - http://cbrac.co/Q6smqV
*/
img {
vertical-align: middle;
}
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/* Fluid-width media that maintain their aspect ratios */
img,
video {
max-width: 100%;
width: auto\9;
height: auto;
}
figure img,
figure video {
width: 100%;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address inconsistent styling of `hr`.
* 1. Correct `box-sizing` set to `border-box` in Firefox.
* 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* 1. Correct inheritance and scaling of font-size for preformatted text.
* 2. Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct font properties not being inherited.
* 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
font: inherit;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* Address `appearance` set to `searchfield` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.container {
width: 96%;
margin: 0 auto;
max-width: 1200px;
}
.container--l {
max-width: 1440px;
}
.container--s {
max-width: 1000px;
}
.container--ss {
max-width: 800px;
}
.container--sss {
max-width: 600px;
}
.container--u {
max-width: unset;
}
.container:after {
content: "";
display: table;
clear: both;
}
.row {
clear: both;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/*fallback*/
}
.row--vertical.row {
-ms-flex-direction: column;
flex-direction: column;
}
.row--vertical.row > .col {
width: auto;
}
.row > * {
position: relative;
width: auto;
}
.row > .col {
/*Removed >.row because wanna allow (row > col-12.row.guttered, i.e. manageticket.aspx)*/
/*> .row {*/
width: 8.33333333%;
-ms-flex-positive: 1;
flex-grow: 1;
}
.row.bottom > [class*="col-"],
.row.bottom-s > [class*="col-"],
.row.bottom > [class^="col-"],
.row.bottom-s > [class^="col-"] {
margin-bottom: 8px;
}
.row.guttered,
.row.guttered-s {
margin-left: -2%;
}
.row.guttered > [class*="col-"],
.row.guttered-s > [class*="col-"],
.row.guttered > [class^="col-"],
.row.guttered-s > [class^="col-"] {
margin-left: 2%;
}
/*allows using col- without .row*/
[class*="col-"],
[class^="col-"] {
float: left;
}
/*fallback*/
.padded > [class*="col-"],
.padded > [class^="col-"] {
padding: 16px;
}
.padded-s > [class*="col-"],
.padded-s > [class^="col-"] {
padding: 8px;
}
.row--padded-s > * {
padding: 8px;
}
.row--padded > * {
padding: 16px;
}
.row--padded-b > * {
padding: 32px;
}
.row--between {
margin: -8px;
}
.row--between > * {
padding: 8px;
}
.row--between-b {
margin: -16px;
}
.row--between-b > * {
padding: 16px;
}
.row--between-off {
margin: 0;
}
.row--between-off > * {
padding: 0;
}
.row--guttered {
margin-left: -2%;
}
.row--guttered > * {
margin-left: 2%;
}
.row--guttered-bottom {
margin-left: -2%;
}
.row--guttered-bottom > * {
margin-left: 2%;
margin-bottom: 16px;
}
.row--guttered-off {
margin-left: 0;
}
.row--guttered-off > * {
margin-left: 0;
margin-bottom: 0;
}
.row--padding > * {
padding: 16px;
}
.row--padding-off > * {
padding: 0;
}
.row--around {
margin: 0;
padding: 16px;
}
.row--left {
-ms-flex-pack: start;
justify-content: flex-start;
}
.row--center {
-ms-flex-pack: center;
justify-content: center;
}
.row--right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.row--space-between {
-ms-flex-pack: justify;
justify-content: space-between;
}
.row--top {
-ms-flex-align: start;
align-items: flex-start;
}
.row--middle {
-ms-flex-align: center;
align-items: center;
}
.row--bottom {
-ms-flex-align: end;
align-items: flex-end;
}
.row--stretch {
-ms-flex-align: stretch;
align-items: stretch;
}
.row--nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.row--wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col--1,
.col-1 {
/*fallback*/
width: 8.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--1,
.row--guttered-bottom > .col-1,
.row--guttered > .col--1,
.row--guttered > .col-1,
.guttered > .col-1,
.guttered-s > .col-1 {
/*fallback*/
width: 6.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--1 > * {
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--1 {
-ms-flex-order: 0;
order: 0;
}
.col--2,
.col-2 {
/*fallback*/
width: 16.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--2,
.row--guttered-bottom > .col-2,
.row--guttered > .col--2,
.row--guttered > .col-2,
.guttered > .col-2,
.guttered-s > .col-2 {
/*fallback*/
width: 14.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--2 > * {
width: 50%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--2 {
-ms-flex-order: 1;
order: 1;
}
.col--3,
.col-3 {
/*fallback*/
width: 25%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--3,
.row--guttered-bottom > .col-3,
.row--guttered > .col--3,
.row--guttered > .col-3,
.guttered > .col-3,
.guttered-s > .col-3 {
/*fallback*/
width: 23%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--3 > * {
width: 33.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--3 {
-ms-flex-order: 2;
order: 2;
}
.col--4,
.col-4 {
/*fallback*/
width: 33.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--4,
.row--guttered-bottom > .col-4,
.row--guttered > .col--4,
.row--guttered > .col-4,
.guttered > .col-4,
.guttered-s > .col-4 {
/*fallback*/
width: 31.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--4 > * {
width: 25%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--4 {
-ms-flex-order: 3;
order: 3;
}
.col--5,
.col-5 {
/*fallback*/
width: 41.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--5,
.row--guttered-bottom > .col-5,
.row--guttered > .col--5,
.row--guttered > .col-5,
.guttered > .col-5,
.guttered-s > .col-5 {
/*fallback*/
width: 39.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--5 > * {
width: 20%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--5 {
-ms-flex-order: 4;
order: 4;
}
.col--6,
.col-6 {
/*fallback*/
width: 50%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--6,
.row--guttered-bottom > .col-6,
.row--guttered > .col--6,
.row--guttered > .col-6,
.guttered > .col-6,
.guttered-s > .col-6 {
/*fallback*/
width: 48%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--6 > * {
width: 16.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--6 {
-ms-flex-order: 5;
order: 5;
}
.col--7,
.col-7 {
/*fallback*/
width: 58.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--7,
.row--guttered-bottom > .col-7,
.row--guttered > .col--7,
.row--guttered > .col-7,
.guttered > .col-7,
.guttered-s > .col-7 {
/*fallback*/
width: 56.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--7 > * {
width: 14.28571429%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--7 {
-ms-flex-order: 6;
order: 6;
}
.col--8,
.col-8 {
/*fallback*/
width: 66.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--8,
.row--guttered-bottom > .col-8,
.row--guttered > .col--8,
.row--guttered > .col-8,
.guttered > .col-8,
.guttered-s > .col-8 {
/*fallback*/
width: 64.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--8 > * {
width: 12.5%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--8 {
-ms-flex-order: 7;
order: 7;
}
.col--9,
.col-9 {
/*fallback*/
width: 75%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--9,
.row--guttered-bottom > .col-9,
.row--guttered > .col--9,
.row--guttered > .col-9,
.guttered > .col-9,
.guttered-s > .col-9 {
/*fallback*/
width: 73%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--9 > * {
width: 11.11111111%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--9 {
-ms-flex-order: 8;
order: 8;
}
.col--10,
.col-10 {
/*fallback*/
width: 83.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--10,
.row--guttered-bottom > .col-10,
.row--guttered > .col--10,
.row--guttered > .col-10,
.guttered > .col-10,
.guttered-s > .col-10 {
/*fallback*/
width: 81.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--10 > * {
width: 10%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--10 {
-ms-flex-order: 9;
order: 9;
}
.col--11,
.col-11 {
/*fallback*/
width: 91.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--11,
.row--guttered-bottom > .col-11,
.row--guttered > .col--11,
.row--guttered > .col-11,
.guttered > .col-11,
.guttered-s > .col-11 {
/*fallback*/
width: 89.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--11 > * {
width: 9.09090909%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--11 {
-ms-flex-order: 10;
order: 10;
}
.col--12,
.col-12 {
/*fallback*/
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--12,
.row--guttered-bottom > .col-12,
.row--guttered > .col--12,
.row--guttered > .col-12,
.guttered > .col-12,
.guttered-s > .col-12 {
/*fallback*/
width: 98%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--12 > * {
width: 8.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--12 {
-ms-flex-order: 11;
order: 11;
}
@media screen and (max-width: 1000px) {
.row--padded-s-t > * {
padding: 8px;
}
.row--padded-t > * {
padding: 16px;
}
.row--padded-b-t > * {
padding: 32px;
}
.row--between-t {
margin: -8px;
}
.row--between-t > * {
padding: 8px;
}
.row--between-b-t {
margin: -16px;
}
.row--between-b-t > * {
padding: 16px;
}
.row--between-off-t {
margin: 0;
}
.row--between-off-t > * {
padding: 0;
}
.row--guttered-t {
margin-left: -2%;
}
.row--guttered-t > * {
margin-left: 2%;
}
.row--guttered-bottom-t {
margin-left: -2%;
}
.row--guttered-bottom-t > * {
margin-left: 2%;
margin-bottom: 16px;
}
.row--guttered-off-t {
margin-left: 0;
}
.row--guttered-off-t > * {
margin-left: 0;
margin-bottom: 0;
}
.row--padding-t > * {
padding: 16px;
}
.row--padding-off-t > * {
padding: 0;
}
.row--around-t {
margin: 0;
padding: 16px;
}
.row--left-t {
-ms-flex-pack: start;
justify-content: flex-start;
}
.row--center-t {
-ms-flex-pack: center;
justify-content: center;
}
.row--right-t {
-ms-flex-pack: end;
justify-content: flex-end;
}
.row--space-between-t {
-ms-flex-pack: justify;
justify-content: space-between;
}
.row--top-t {
-ms-flex-align: start;
align-items: flex-start;
}
.row--middle-t {
-ms-flex-align: center;
align-items: center;
}
.row--bottom-t {
-ms-flex-align: end;
align-items: flex-end;
}
.row--stretch-t {
-ms-flex-align: stretch;
align-items: stretch;
}
.row--nowrap-t {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.row--wrap-t {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col--1-t,
.col-1-t {
/*fallback*/
width: 8.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--1-t,
.row--guttered-bottom > .col-1-t,
.row--guttered > .col--1-t,
.row--guttered > .col-1-t,
.guttered > .col-1-t,
.guttered-s > .col-1-t {
/*fallback*/
width: 6.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--1-t > * {
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--1-t {
-ms-flex-order: 0;
order: 0;
}
.col--2-t,
.col-2-t {
/*fallback*/
width: 16.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--2-t,
.row--guttered-bottom > .col-2-t,
.row--guttered > .col--2-t,
.row--guttered > .col-2-t,
.guttered > .col-2-t,
.guttered-s > .col-2-t {
/*fallback*/
width: 14.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--2-t > * {
width: 50%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--2-t {
-ms-flex-order: 1;
order: 1;
}
.col--3-t,
.col-3-t {
/*fallback*/
width: 25%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--3-t,
.row--guttered-bottom > .col-3-t,
.row--guttered > .col--3-t,
.row--guttered > .col-3-t,
.guttered > .col-3-t,
.guttered-s > .col-3-t {
/*fallback*/
width: 23%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--3-t > * {
width: 33.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--3-t {
-ms-flex-order: 2;
order: 2;
}
.col--4-t,
.col-4-t {
/*fallback*/
width: 33.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--4-t,
.row--guttered-bottom > .col-4-t,
.row--guttered > .col--4-t,
.row--guttered > .col-4-t,
.guttered > .col-4-t,
.guttered-s > .col-4-t {
/*fallback*/
width: 31.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--4-t > * {
width: 25%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--4-t {
-ms-flex-order: 3;
order: 3;
}
.col--5-t,
.col-5-t {
/*fallback*/
width: 41.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--5-t,
.row--guttered-bottom > .col-5-t,
.row--guttered > .col--5-t,
.row--guttered > .col-5-t,
.guttered > .col-5-t,
.guttered-s > .col-5-t {
/*fallback*/
width: 39.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--5-t > * {
width: 20%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--5-t {
-ms-flex-order: 4;
order: 4;
}
.col--6-t,
.col-6-t {
/*fallback*/
width: 50%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--6-t,
.row--guttered-bottom > .col-6-t,
.row--guttered > .col--6-t,
.row--guttered > .col-6-t,
.guttered > .col-6-t,
.guttered-s > .col-6-t {
/*fallback*/
width: 48%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--6-t > * {
width: 16.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--6-t {
-ms-flex-order: 5;
order: 5;
}
.col--7-t,
.col-7-t {
/*fallback*/
width: 58.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--7-t,
.row--guttered-bottom > .col-7-t,
.row--guttered > .col--7-t,
.row--guttered > .col-7-t,
.guttered > .col-7-t,
.guttered-s > .col-7-t {
/*fallback*/
width: 56.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--7-t > * {
width: 14.28571429%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--7-t {
-ms-flex-order: 6;
order: 6;
}
.col--8-t,
.col-8-t {
/*fallback*/
width: 66.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--8-t,
.row--guttered-bottom > .col-8-t,
.row--guttered > .col--8-t,
.row--guttered > .col-8-t,
.guttered > .col-8-t,
.guttered-s > .col-8-t {
/*fallback*/
width: 64.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--8-t > * {
width: 12.5%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--8-t {
-ms-flex-order: 7;
order: 7;
}
.col--9-t,
.col-9-t {
/*fallback*/
width: 75%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--9-t,
.row--guttered-bottom > .col-9-t,
.row--guttered > .col--9-t,
.row--guttered > .col-9-t,
.guttered > .col-9-t,
.guttered-s > .col-9-t {
/*fallback*/
width: 73%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--9-t > * {
width: 11.11111111%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--9-t {
-ms-flex-order: 8;
order: 8;
}
.col--10-t,
.col-10-t {
/*fallback*/
width: 83.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--10-t,
.row--guttered-bottom > .col-10-t,
.row--guttered > .col--10-t,
.row--guttered > .col-10-t,
.guttered > .col-10-t,
.guttered-s > .col-10-t {
/*fallback*/
width: 81.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--10-t > * {
width: 10%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--10-t {
-ms-flex-order: 9;
order: 9;
}
.col--11-t,
.col-11-t {
/*fallback*/
width: 91.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--11-t,
.row--guttered-bottom > .col-11-t,
.row--guttered > .col--11-t,
.row--guttered > .col-11-t,
.guttered > .col-11-t,
.guttered-s > .col-11-t {
/*fallback*/
width: 89.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--11-t > * {
width: 9.09090909%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--11-t {
-ms-flex-order: 10;
order: 10;
}
.col--12-t,
.col-12-t {
/*fallback*/
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--12-t,
.row--guttered-bottom > .col-12-t,
.row--guttered > .col--12-t,
.row--guttered > .col-12-t,
.guttered > .col-12-t,
.guttered-s > .col-12-t {
/*fallback*/
width: 98%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--12-t > * {
width: 8.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--12-t {
-ms-flex-order: 11;
order: 11;
}
}
@media screen and (max-width: 640px) {
.row--padded-s-p > * {
padding: 8px;
}
.row--padded-p > * {
padding: 16px;
}
.row--padded-b-p > * {
padding: 32px;
}
.row--between-p {
margin: -8px;
}
.row--between-p > * {
padding: 8px;
}
.row--between-b-p {
margin: -16px;
}
.row--between-b-p > * {
padding: 16px;
}
.row--between-off-p {
margin: 0;
}
.row--between-off-p > * {
padding: 0;
}
.row--guttered-p {
margin-left: -2%;
}
.row--guttered-p > * {
margin-left: 2%;
}
.row--guttered-bottom-p {
margin-left: -2%;
}
.row--guttered-bottom-p > * {
margin-left: 2%;
margin-bottom: 16px;
}
.row--guttered-off-p {
margin-left: 0;
}
.row--guttered-off-p > * {
margin-left: 0;
margin-bottom: 0;
}
.row--padding-p > * {
padding: 16px;
}
.row--padding-off-p > * {
padding: 0;
}
.row--around-p {
margin: 0;
padding: 16px;
}
.row--left-p {
-ms-flex-pack: start;
justify-content: flex-start;
}
.row--center-p {
-ms-flex-pack: center;
justify-content: center;
}
.row--right-p {
-ms-flex-pack: end;
justify-content: flex-end;
}
.row--space-between-p {
-ms-flex-pack: justify;
justify-content: space-between;
}
.row--top-p {
-ms-flex-align: start;
align-items: flex-start;
}
.row--middle-p {
-ms-flex-align: center;
align-items: center;
}
.row--bottom-p {
-ms-flex-align: end;
align-items: flex-end;
}
.row--stretch-p {
-ms-flex-align: stretch;
align-items: stretch;
}
.row--nowrap-p {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.row--wrap-p {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col--1-p,
.col-1-p {
/*fallback*/
width: 8.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--1-p,
.row--guttered-bottom > .col-1-p,
.row--guttered > .col--1-p,
.row--guttered > .col-1-p,
.guttered > .col-1-p,
.guttered-s > .col-1-p {
/*fallback*/
width: 6.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--1-p > * {
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--1-p {
-ms-flex-order: 0;
order: 0;
}
.col--2-p,
.col-2-p {
/*fallback*/
width: 16.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--2-p,
.row--guttered-bottom > .col-2-p,
.row--guttered > .col--2-p,
.row--guttered > .col-2-p,
.guttered > .col-2-p,
.guttered-s > .col-2-p {
/*fallback*/
width: 14.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--2-p > * {
width: 50%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--2-p {
-ms-flex-order: 1;
order: 1;
}
.col--3-p,
.col-3-p {
/*fallback*/
width: 25%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--3-p,
.row--guttered-bottom > .col-3-p,
.row--guttered > .col--3-p,
.row--guttered > .col-3-p,
.guttered > .col-3-p,
.guttered-s > .col-3-p {
/*fallback*/
width: 23%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--3-p > * {
width: 33.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--3-p {
-ms-flex-order: 2;
order: 2;
}
.col--4-p,
.col-4-p {
/*fallback*/
width: 33.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--4-p,
.row--guttered-bottom > .col-4-p,
.row--guttered > .col--4-p,
.row--guttered > .col-4-p,
.guttered > .col-4-p,
.guttered-s > .col-4-p {
/*fallback*/
width: 31.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--4-p > * {
width: 25%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--4-p {
-ms-flex-order: 3;
order: 3;
}
.col--5-p,
.col-5-p {
/*fallback*/
width: 41.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--5-p,
.row--guttered-bottom > .col-5-p,
.row--guttered > .col--5-p,
.row--guttered > .col-5-p,
.guttered > .col-5-p,
.guttered-s > .col-5-p {
/*fallback*/
width: 39.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--5-p > * {
width: 20%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--5-p {
-ms-flex-order: 4;
order: 4;
}
.col--6-p,
.col-6-p {
/*fallback*/
width: 50%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--6-p,
.row--guttered-bottom > .col-6-p,
.row--guttered > .col--6-p,
.row--guttered > .col-6-p,
.guttered > .col-6-p,
.guttered-s > .col-6-p {
/*fallback*/
width: 48%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--6-p > * {
width: 16.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--6-p {
-ms-flex-order: 5;
order: 5;
}
.col--7-p,
.col-7-p {
/*fallback*/
width: 58.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--7-p,
.row--guttered-bottom > .col-7-p,
.row--guttered > .col--7-p,
.row--guttered > .col-7-p,
.guttered > .col-7-p,
.guttered-s > .col-7-p {
/*fallback*/
width: 56.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--7-p > * {
width: 14.28571429%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--7-p {
-ms-flex-order: 6;
order: 6;
}
.col--8-p,
.col-8-p {
/*fallback*/
width: 66.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--8-p,
.row--guttered-bottom > .col-8-p,
.row--guttered > .col--8-p,
.row--guttered > .col-8-p,
.guttered > .col-8-p,
.guttered-s > .col-8-p {
/*fallback*/
width: 64.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--8-p > * {
width: 12.5%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--8-p {
-ms-flex-order: 7;
order: 7;
}
.col--9-p,
.col-9-p {
/*fallback*/
width: 75%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--9-p,
.row--guttered-bottom > .col-9-p,
.row--guttered > .col--9-p,
.row--guttered > .col-9-p,
.guttered > .col-9-p,
.guttered-s > .col-9-p {
/*fallback*/
width: 73%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--9-p > * {
width: 11.11111111%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--9-p {
-ms-flex-order: 8;
order: 8;
}
.col--10-p,
.col-10-p {
/*fallback*/
width: 83.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--10-p,
.row--guttered-bottom > .col-10-p,
.row--guttered > .col--10-p,
.row--guttered > .col-10-p,
.guttered > .col-10-p,
.guttered-s > .col-10-p {
/*fallback*/
width: 81.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--10-p > * {
width: 10%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--10-p {
-ms-flex-order: 9;
order: 9;
}
.col--11-p,
.col-11-p {
/*fallback*/
width: 91.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--11-p,
.row--guttered-bottom > .col-11-p,
.row--guttered > .col--11-p,
.row--guttered > .col-11-p,
.guttered > .col-11-p,
.guttered-s > .col-11-p {
/*fallback*/
width: 89.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--11-p > * {
width: 9.09090909%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--11-p {
-ms-flex-order: 10;
order: 10;
}
.col--12-p,
.col-12-p {
/*fallback*/
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--12-p,
.row--guttered-bottom > .col-12-p,
.row--guttered > .col--12-p,
.row--guttered > .col-12-p,
.guttered > .col-12-p,
.guttered-s > .col-12-p {
/*fallback*/
width: 98%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--12-p > * {
width: 8.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--12-p {
-ms-flex-order: 11;
order: 11;
}
}
@media screen and (min-width: 1441px) {
.row--padded-s-w > * {
padding: 8px;
}
.row--padded-w > * {
padding: 16px;
}
.row--padded-b-w > * {
padding: 32px;
}
.row--between-w {
margin: -8px;
}
.row--between-w > * {
padding: 8px;
}
.row--between-b-w {
margin: -16px;
}
.row--between-b-w > * {
padding: 16px;
}
.row--between-off-w {
margin: 0;
}
.row--between-off-w > * {
padding: 0;
}
.row--guttered-w {
margin-left: -2%;
}
.row--guttered-w > * {
margin-left: 2%;
}
.row--guttered-bottom-w {
margin-left: -2%;
}
.row--guttered-bottom-w > * {
margin-left: 2%;
margin-bottom: 16px;
}
.row--guttered-off-w {
margin-left: 0;
}
.row--guttered-off-w > * {
margin-left: 0;
margin-bottom: 0;
}
.row--padding-w > * {
padding: 16px;
}
.row--padding-off-w > * {
padding: 0;
}
.row--around-w {
margin: 0;
padding: 16px;
}
.row--left-w {
-ms-flex-pack: start;
justify-content: flex-start;
}
.row--center-w {
-ms-flex-pack: center;
justify-content: center;
}
.row--right-w {
-ms-flex-pack: end;
justify-content: flex-end;
}
.row--space-between-w {
-ms-flex-pack: justify;
justify-content: space-between;
}
.row--top-w {
-ms-flex-align: start;
align-items: flex-start;
}
.row--middle-w {
-ms-flex-align: center;
align-items: center;
}
.row--bottom-w {
-ms-flex-align: end;
align-items: flex-end;
}
.row--stretch-w {
-ms-flex-align: stretch;
align-items: stretch;
}
.row--nowrap-w {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.row--wrap-w {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col--1-w,
.col-1-w {
/*fallback*/
width: 8.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--1-w,
.row--guttered-bottom > .col-1-w,
.row--guttered > .col--1-w,
.row--guttered > .col-1-w,
.guttered > .col-1-w,
.guttered-s > .col-1-w {
/*fallback*/
width: 6.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--1-w > * {
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--1-w {
-ms-flex-order: 0;
order: 0;
}
.col--2-w,
.col-2-w {
/*fallback*/
width: 16.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--2-w,
.row--guttered-bottom > .col-2-w,
.row--guttered > .col--2-w,
.row--guttered > .col-2-w,
.guttered > .col-2-w,
.guttered-s > .col-2-w {
/*fallback*/
width: 14.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--2-w > * {
width: 50%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--2-w {
-ms-flex-order: 1;
order: 1;
}
.col--3-w,
.col-3-w {
/*fallback*/
width: 25%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--3-w,
.row--guttered-bottom > .col-3-w,
.row--guttered > .col--3-w,
.row--guttered > .col-3-w,
.guttered > .col-3-w,
.guttered-s > .col-3-w {
/*fallback*/
width: 23%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--3-w > * {
width: 33.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--3-w {
-ms-flex-order: 2;
order: 2;
}
.col--4-w,
.col-4-w {
/*fallback*/
width: 33.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--4-w,
.row--guttered-bottom > .col-4-w,
.row--guttered > .col--4-w,
.row--guttered > .col-4-w,
.guttered > .col-4-w,
.guttered-s > .col-4-w {
/*fallback*/
width: 31.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--4-w > * {
width: 25%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--4-w {
-ms-flex-order: 3;
order: 3;
}
.col--5-w,
.col-5-w {
/*fallback*/
width: 41.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--5-w,
.row--guttered-bottom > .col-5-w,
.row--guttered > .col--5-w,
.row--guttered > .col-5-w,
.guttered > .col-5-w,
.guttered-s > .col-5-w {
/*fallback*/
width: 39.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--5-w > * {
width: 20%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--5-w {
-ms-flex-order: 4;
order: 4;
}
.col--6-w,
.col-6-w {
/*fallback*/
width: 50%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--6-w,
.row--guttered-bottom > .col-6-w,
.row--guttered > .col--6-w,
.row--guttered > .col-6-w,
.guttered > .col-6-w,
.guttered-s > .col-6-w {
/*fallback*/
width: 48%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--6-w > * {
width: 16.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--6-w {
-ms-flex-order: 5;
order: 5;
}
.col--7-w,
.col-7-w {
/*fallback*/
width: 58.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--7-w,
.row--guttered-bottom > .col-7-w,
.row--guttered > .col--7-w,
.row--guttered > .col-7-w,
.guttered > .col-7-w,
.guttered-s > .col-7-w {
/*fallback*/
width: 56.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--7-w > * {
width: 14.28571429%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--7-w {
-ms-flex-order: 6;
order: 6;
}
.col--8-w,
.col-8-w {
/*fallback*/
width: 66.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--8-w,
.row--guttered-bottom > .col-8-w,
.row--guttered > .col--8-w,
.row--guttered > .col-8-w,
.guttered > .col-8-w,
.guttered-s > .col-8-w {
/*fallback*/
width: 64.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--8-w > * {
width: 12.5%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--8-w {
-ms-flex-order: 7;
order: 7;
}
.col--9-w,
.col-9-w {
/*fallback*/
width: 75%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--9-w,
.row--guttered-bottom > .col-9-w,
.row--guttered > .col--9-w,
.row--guttered > .col-9-w,
.guttered > .col-9-w,
.guttered-s > .col-9-w {
/*fallback*/
width: 73%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--9-w > * {
width: 11.11111111%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--9-w {
-ms-flex-order: 8;
order: 8;
}
.col--10-w,
.col-10-w {
/*fallback*/
width: 83.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--10-w,
.row--guttered-bottom > .col-10-w,
.row--guttered > .col--10-w,
.row--guttered > .col-10-w,
.guttered > .col-10-w,
.guttered-s > .col-10-w {
/*fallback*/
width: 81.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--10-w > * {
width: 10%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--10-w {
-ms-flex-order: 9;
order: 9;
}
.col--11-w,
.col-11-w {
/*fallback*/
width: 91.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--11-w,
.row--guttered-bottom > .col-11-w,
.row--guttered > .col--11-w,
.row--guttered > .col-11-w,
.guttered > .col-11-w,
.guttered-s > .col-11-w {
/*fallback*/
width: 89.66666667%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--11-w > * {
width: 9.09090909%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--11-w {
-ms-flex-order: 10;
order: 10;
}
.col--12-w,
.col-12-w {
/*fallback*/
width: 100%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--guttered-bottom > .col--12-w,
.row--guttered-bottom > .col-12-w,
.row--guttered > .col--12-w,
.row--guttered > .col-12-w,
.guttered > .col-12-w,
.guttered-s > .col-12-w {
/*fallback*/
width: 98%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.row--12-w > * {
width: 8.33333333%;
-ms-flex-positive: 0;
flex-grow: 0;
}
.order--12-w {
-ms-flex-order: 11;
order: 11;
}
}
/* CSS Grid — https://getbootstrap.com/docs/5.3/layout/css-grid/
Ported 1:1 from Bootstrap 5.3's experimental grid, renamed .grid (not .row/.col)
and --bs-* custom properties renamed --t2u-* per token.less convention. */
.grid {
display: grid;
grid-template-rows: repeat(var(--t2u-rows, 1), 1fr);
grid-template-columns: repeat(var(--t2u-columns, 12), 1fr);
gap: var(--t2u-gap, 16px);
/* Auto-fill card wall — no breakpoints needed.
Set the minimum column width per instance via style="--grid-min: 320px"
(falls back to 260px), or use a --min modifier below. */
}
.grid--auto {
grid-template-columns: repeat(auto-fill, minmax(var(--grid-min, 260px), 1fr));
}
.grid--auto--tight {
--t2u-gap: (16px/2);
}
.grid--auto--loose {
--t2u-gap: 32px;
}
.grid--auto--min-s {
--grid-min: 200px;
}
.grid--auto--min-l {
--grid-min: 340px;
}
.grid .g-col-1 {
grid-column: auto / span 1;
}
.grid .g-col-2 {
grid-column: auto / span 2;
}
.grid .g-col-3 {
grid-column: auto / span 3;
}
.grid .g-col-4 {
grid-column: auto / span 4;
}
.grid .g-col-5 {
grid-column: auto / span 5;
}
.grid .g-col-6 {
grid-column: auto / span 6;
}
.grid .g-col-7 {
grid-column: auto / span 7;
}
.grid .g-col-8 {
grid-column: auto / span 8;
}
.grid .g-col-9 {
grid-column: auto / span 9;
}
.grid .g-col-10 {
grid-column: auto / span 10;
}
.grid .g-col-11 {
grid-column: auto / span 11;
}
.grid .g-col-12 {
grid-column: auto / span 12;
}
.grid .g-start-1 {
grid-column-start: 1;
}
.grid .g-start-2 {
grid-column-start: 2;
}
.grid .g-start-3 {
grid-column-start: 3;
}
.grid .g-start-4 {
grid-column-start: 4;
}
.grid .g-start-5 {
grid-column-start: 5;
}
.grid .g-start-6 {
grid-column-start: 6;
}
.grid .g-start-7 {
grid-column-start: 7;
}
.grid .g-start-8 {
grid-column-start: 8;
}
.grid .g-start-9 {
grid-column-start: 9;
}
.grid .g-start-10 {
grid-column-start: 10;
}
.grid .g-start-11 {
grid-column-start: 11;
}
.grid .g-row-1 {
grid-row: auto / span 1;
}
.grid .g-row-2 {
grid-row: auto / span 2;
}
.grid .g-row-3 {
grid-row: auto / span 3;
}
.grid .g-row-4 {
grid-row: auto / span 4;
}
.grid .g-row-5 {
grid-row: auto / span 5;
}
.grid .g-row-6 {
grid-row: auto / span 6;
}
.grid .g-row-7 {
grid-row: auto / span 7;
}
.grid .g-row-8 {
grid-row: auto / span 8;
}
.grid .g-row-9 {
grid-row: auto / span 9;
}
.grid .g-row-10 {
grid-row: auto / span 10;
}
.grid .g-row-11 {
grid-row: auto / span 11;
}
.grid .g-row-12 {
grid-row: auto / span 12;
}
.grid .g-start-row-1 {
grid-row-start: 1;
}
.grid .g-start-row-2 {
grid-row-start: 2;
}
.grid .g-start-row-3 {
grid-row-start: 3;
}
.grid .g-start-row-4 {
grid-row-start: 4;
}
.grid .g-start-row-5 {
grid-row-start: 5;
}
.grid .g-start-row-6 {
grid-row-start: 6;
}
.grid .g-start-row-7 {
grid-row-start: 7;
}
.grid .g-start-row-8 {
grid-row-start: 8;
}
.grid .g-start-row-9 {
grid-row-start: 9;
}
.grid .g-start-row-10 {
grid-row-start: 10;
}
.grid .g-start-row-11 {
grid-row-start: 11;
}
@media screen and (max-width: 1000px) {
.g-start-t-1 {
grid-column-start: 1;
}
.g-start-t-2 {
grid-column-start: 2;
}
.g-start-t-3 {
grid-column-start: 3;
}
.g-start-t-4 {
grid-column-start: 4;
}
.g-start-t-5 {
grid-column-start: 5;
}
.g-start-t-6 {
grid-column-start: 6;
}
.g-start-t-7 {
grid-column-start: 7;
}
.g-start-t-8 {
grid-column-start: 8;
}
.g-start-t-9 {
grid-column-start: 9;
}
.g-start-t-10 {
grid-column-start: 10;
}
.g-start-t-11 {
grid-column-start: 11;
}
.g-col-t-1 {
grid-column: auto / span 1;
}
.g-col-t-2 {
grid-column: auto / span 2;
}
.g-col-t-3 {
grid-column: auto / span 3;
}
.g-col-t-4 {
grid-column: auto / span 4;
}
.g-col-t-5 {
grid-column: auto / span 5;
}
.g-col-t-6 {
grid-column: auto / span 6;
}
.g-col-t-7 {
grid-column: auto / span 7;
}
.g-col-t-8 {
grid-column: auto / span 8;
}
.g-col-t-9 {
grid-column: auto / span 9;
}
.g-col-t-10 {
grid-column: auto / span 10;
}
.g-col-t-11 {
grid-column: auto / span 11;
}
.g-col-t-12 {
grid-column: auto / span 12;
}
}
@media screen and (max-width: 640px) {
.g-start-p-1 {
grid-column-start: 1;
}
.g-start-p-2 {
grid-column-start: 2;
}
.g-start-p-3 {
grid-column-start: 3;
}
.g-start-p-4 {
grid-column-start: 4;
}
.g-start-p-5 {
grid-column-start: 5;
}
.g-start-p-6 {
grid-column-start: 6;
}
.g-start-p-7 {
grid-column-start: 7;
}
.g-start-p-8 {
grid-column-start: 8;
}
.g-start-p-9 {
grid-column-start: 9;
}
.g-start-p-10 {
grid-column-start: 10;
}
.g-start-p-11 {
grid-column-start: 11;
}
.g-col-p-1 {
grid-column: auto / span 1;
}
.g-col-p-2 {
grid-column: auto / span 2;
}
.g-col-p-3 {
grid-column: auto / span 3;
}
.g-col-p-4 {
grid-column: auto / span 4;
}
.g-col-p-5 {
grid-column: auto / span 5;
}
.g-col-p-6 {
grid-column: auto / span 6;
}
.g-col-p-7 {
grid-column: auto / span 7;
}
.g-col-p-8 {
grid-column: auto / span 8;
}
.g-col-p-9 {
grid-column: auto / span 9;
}
.g-col-p-10 {
grid-column: auto / span 10;
}
.g-col-p-11 {
grid-column: auto / span 11;
}
.g-col-p-12 {
grid-column: auto / span 12;
}
}
@media screen and (min-width: 1441px) {
.g-start-w-1 {
grid-column-start: 1;
}
.g-start-w-2 {
grid-column-start: 2;
}
.g-start-w-3 {
grid-column-start: 3;
}
.g-start-w-4 {
grid-column-start: 4;
}
.g-start-w-5 {
grid-column-start: 5;
}
.g-start-w-6 {
grid-column-start: 6;
}
.g-start-w-7 {
grid-column-start: 7;
}
.g-start-w-8 {
grid-column-start: 8;
}
.g-start-w-9 {
grid-column-start: 9;
}
.g-start-w-10 {
grid-column-start: 10;
}
.g-start-w-11 {
grid-column-start: 11;
}
.g-col-w-1 {
grid-column: auto / span 1;
}
.g-col-w-2 {
grid-column: auto / span 2;
}
.g-col-w-3 {
grid-column: auto / span 3;
}
.g-col-w-4 {
grid-column: auto / span 4;
}
.g-col-w-5 {
grid-column: auto / span 5;
}
.g-col-w-6 {
grid-column: auto / span 6;
}
.g-col-w-7 {
grid-column: auto / span 7;
}
.g-col-w-8 {
grid-column: auto / span 8;
}
.g-col-w-9 {
grid-column: auto / span 9;
}
.g-col-w-10 {
grid-column: auto / span 10;
}
.g-col-w-11 {
grid-column: auto / span 11;
}
.g-col-w-12 {
grid-column: auto / span 12;
}
}
html {
font-family: 'Texta Alt', 'Noto Sans SC', sans-serif;
font-size: var(--t2u-font);
letter-spacing: 0.01em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll;
/* Force a vertical scrollbar - http://cbrac.co/163MspB */
color: #35485d;
min-height: 100%;
line-height: var(--t2u-lh-base);
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 6px;
color: #35485d;
font-weight: bold;
line-height: var(--t2u-lh-headings);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #35485d;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #222f3d;
}
p {
margin: 0 0 8px;
}
h1,
.h1 {
font-size: var(--t2u-font-bbb);
letter-spacing: -0.015em;
}
h2,
.h2 {
font-size: var(--t2u-font-bb);
letter-spacing: -0.01em;
}
h3,
.h3 {
font-size: var(--t2u-font-b);
letter-spacing: -0.005em;
}
h4,
.h4 {
font-size: var(--t2u-font);
}
h5,
.h5 {
font-size: var(--t2u-font-s);
}
h6,
.h6 {
font-size: var(--t2u-font-s);
}
#body,
#body2 .body {
background: rgba(0, 0, 0, 0) url("/public/img/ui/background/grain.png") repeat scroll 0 0;
}
#body section,
#body2 .body section {
margin-bottom: 2rem;
}
#body main,
#body2 .body main {
background-color: #fff;
}
a {
text-decoration: none;
outline: 0;
color: #ad57a2;
}
a:hover {
cursor: pointer;
color: #7b3c73;
}
figure {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
section,
div,
figure {
position: relative;
}
ol,
ul {
margin: 0;
padding-left: 0;
margin-bottom: 8px;
}
ol li,
ul li {
margin-left: 25px;
}
.fr-view img.fr-dii.fr-fil {
margin: 5px 15px 5px 0 !important;
}
.fr-view img.fr-dii.fr-fir {
margin: 5px 0 5px 15px !important;
}
/*#region MIXIN*/
.input-style {
border: 1px solid;
height: 40px;
min-height: 40px;
padding: 0 15px;
line-height: 1;
display: block;
border-radius: var(--t2u-radius-s);
outline: none;
width: 100%;
border-color: rgba(34, 36, 38, 0.15);
}
/*#endregion MIXIN*/
input[type=text],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
input[type=date],
select,
textarea,
.input-group {
border: 1px solid;
height: 40px;
min-height: 40px;
padding: 0 15px;
line-height: 1;
display: block;
border-radius: var(--t2u-radius-s);
outline: none;
width: 100%;
border-color: rgba(34, 36, 38, 0.15);
}
input[type=text]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=date]:focus,
select:focus,
textarea:focus,
.input-group:focus {
border-color: rgba(4, 172, 228, 0.5);
-webkit-transition: border-color 0.5s;
transition: border-color 0.5s;
}
input[type=date]::-webkit-inner-spin-button {
height: 40px;
}
input[readonly]:not(.picker__input),
textarea[readonly],
select[readonly] {
background-color: #efefef;
}
label {
display: block;
color: #35485d;
font-weight: bold;
line-height: 26px;
font-size: 0.95rem;
}
textarea {
resize: vertical;
height: auto;
min-height: 40px;
padding-top: 8px;
padding-bottom: 8px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: white;
}
select::-ms-expand {
display: none;
}
input[type=radio] {
position: absolute;
opacity: 0;
}
input[type=radio] + label {
font-weight: normal;
font-size: 1rem;
line-height: 32px;
position: relative;
padding-left: 25px;
cursor: pointer;
display: inline-block;
}
input[type=radio] + label:before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 20px;
height: 20px;
border: 2px solid rgba(34, 36, 38, 0.15);
background: white;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
input[type=radio] + label:before {
border-radius: 100px;
}
input[type=radio]:checked + label:before {
background-color: #1eb7a5;
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
}
input[type=radio]:disabled + label {
color: #aaa;
}
input[type=radio]:disabled + label:before {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
input[type=radio]:disabled:checked + label:before {
-webkit-box-shadow: inset 0 0 0 3px #fff;
box-shadow: inset 0 0 0 3px #fff;
background-color: #999;
}
input[type="checkbox"]:not(.fr-link-attr) {
position: absolute;
opacity: 0;
}
input[type="checkbox"]:not(.fr-link-attr) + label,
input[type="checkbox"]:not(.fr-link-attr) + span {
font-weight: normal;
font-size: 1rem;
line-height: 32px;
position: relative;
padding-left: 25px;
cursor: pointer;
display: inline-block;
}
input[type="checkbox"]:not(.fr-link-attr) + label:before,
input[type="checkbox"]:not(.fr-link-attr) + span:before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 20px;
height: 20px;
border: 2px solid rgba(34, 36, 38, 0.15);
background: white;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
input[type="checkbox"]:not(.fr-link-attr) + label:before,
input[type="checkbox"]:not(.fr-link-attr) + span:before {
border-radius: 3px;
}
input[type="checkbox"]:not(.fr-link-attr) + label:after,
input[type="checkbox"]:not(.fr-link-attr) + span:after {
font-family: "Font Awesome 7 Free";
font-weight: 900;
content: '\f14a';
position: absolute;
left: 1px;
font-size: 21px;
color: #35485d;
-webkit-transition: all 0.2s;
transition: all 0.2s;
top: 0;
}
input[type="checkbox"]:not(.fr-link-attr):not(:checked) + label:after,
input[type="checkbox"]:not(.fr-link-attr):not(:checked) + span:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
input[type="checkbox"]:not(.fr-link-attr):checked + label:before,
input[type="checkbox"]:not(.fr-link-attr):checked + span:before {
border-color: #1eb7a5;
}
input[type="checkbox"]:not(.fr-link-attr):checked + label:after,
input[type="checkbox"]:not(.fr-link-attr):checked + span:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
color: #1eb7a5;
}
input[type="checkbox"]:not(.fr-link-attr):disabled + label,
input[type="checkbox"]:not(.fr-link-attr):disabled + span {
color: #aaa;
}
input[type="checkbox"]:not(.fr-link-attr):disabled + label:before,
input[type="checkbox"]:not(.fr-link-attr):disabled + span:before {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
input[type="checkbox"]:not(.fr-link-attr):disabled:checked + label:after,
input[type="checkbox"]:not(.fr-link-attr):disabled:checked + span:after {
color: #999;
}
label input[type="checkbox"]:not(.fr-link-attr) + label {
font-size: inherit;
line-height: inherit;
}
label input[type="checkbox"]:not(.fr-link-attr) + label:before {
top: 3px;
}
.form--fixed {
width: 800px;
}
@media screen and (max-width: 1000px) {
.form--fixed {
width: 100%;
}
}
.form__item small {
color: #9ea8b2;
display: block;
}
.form__item--inline {
width: 100%;
margin-bottom: 20px;
}
.form__item--inline > label {
position: absolute;
width: 200px;
text-align: right;
padding-right: 10px;
display: block;
height: 40px;
line-height: 40px;
}
.form__item--inline > label:after {
content: " : ";
}
.form__item--inline > label + * {
margin-left: 200px;
}
.form .alert {
margin-bottom: 20px;
}
.input__group {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.input__group .input {
-ms-flex-positive: 1;
flex-grow: 1;
width: 0.1%;
}
.input__group .input > * {
border-right-width: 0;
}
.input__group .input:first-child > * {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.input__group .input:last-child > * {
border-right-width: 1px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.input__group .input:not(:first-child):not(:last-child) > * {
border-radius: 0 !important;
}
.input__group .input:first-child:last-child > * {
border-radius: 5px;
}
.input__inline .input {
display: inline-block;
vertical-align: middle;
}
.input__inline .input input[type=text],
.input__inline .input input[type=datetime],
.input__inline .input input[type=datetime-local],
.input__inline .input input[type=email],
.input__inline .input input[type=month],
.input__inline .input input[type=number],
.input__inline .input input[type=password],
.input__inline .input input[type=search],
.input__inline .input input[type=tel],
.input__inline .input input[type=time],
.input__inline .input input[type=url],
.input__inline .input input[type=week],
.input__inline .input input[type=checkbox],
.input__inline .input input[type=radio],
.input__inline .input select,
.input__inline .input textarea {
width: auto;
}
.input__inline .input:not(:last-child) input[type=checkbox] + label,
.input__inline .input:not(:last-child) input[type=radio] + label {
margin-right: 10px;
}
@media screen and (max-width: 1000px) {
.input__group-t {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.input__group-t .input {
-ms-flex-positive: 1;
flex-grow: 1;
width: 0.1%;
}
.input__group-t .input > * {
border-right-width: 0;
}
.input__group-t .input:first-child > * {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.input__group-t .input:last-child > * {
border-right-width: 1px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.input__group-t .input:not(:first-child):not(:last-child) > * {
border-radius: 0 !important;
}
.input__group-t .input:first-child:last-child > * {
border-radius: 5px;
}
.input__inline-t .input {
display: inline-block;
vertical-align: middle;
}
.input__inline-t .input input[type=text],
.input__inline-t .input input[type=datetime],
.input__inline-t .input input[type=datetime-local],
.input__inline-t .input input[type=email],
.input__inline-t .input input[type=month],
.input__inline-t .input input[type=number],
.input__inline-t .input input[type=password],
.input__inline-t .input input[type=search],
.input__inline-t .input input[type=tel],
.input__inline-t .input input[type=time],
.input__inline-t .input input[type=url],
.input__inline-t .input input[type=week],
.input__inline-t .input input[type=checkbox],
.input__inline-t .input input[type=radio],
.input__inline-t .input select,
.input__inline-t .input textarea {
width: auto;
}
.input__inline-t .input:not(:last-child) input[type=checkbox] + label,
.input__inline-t .input:not(:last-child) input[type=radio] + label {
margin-right: 10px;
}
}
@media screen and (max-width: 640px) {
.input__group-p {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.input__group-p .input {
-ms-flex-positive: 1;
flex-grow: 1;
width: 0.1%;
}
.input__group-p .input > * {
border-right-width: 0;
}
.input__group-p .input:first-child > * {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.input__group-p .input:last-child > * {
border-right-width: 1px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.input__group-p .input:not(:first-child):not(:last-child) > * {
border-radius: 0 !important;
}
.input__group-p .input:first-child:last-child > * {
border-radius: 5px;
}
.input__inline-p .input {
display: inline-block;
vertical-align: middle;
}
.input__inline-p .input input[type=text],
.input__inline-p .input input[type=datetime],
.input__inline-p .input input[type=datetime-local],
.input__inline-p .input input[type=email],
.input__inline-p .input input[type=month],
.input__inline-p .input input[type=number],
.input__inline-p .input input[type=password],
.input__inline-p .input input[type=search],
.input__inline-p .input input[type=tel],
.input__inline-p .input input[type=time],
.input__inline-p .input input[type=url],
.input__inline-p .input input[type=week],
.input__inline-p .input input[type=checkbox],
.input__inline-p .input input[type=radio],
.input__inline-p .input select,
.input__inline-p .input textarea {
width: auto;
}
.input__inline-p .input:not(:last-child) input[type=checkbox] + label,
.input__inline-p .input:not(:last-child) input[type=radio] + label {
margin-right: 10px;
}
}
@media screen and (min-width: 1441px) {
.input__group-w {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.input__group-w .input {
-ms-flex-positive: 1;
flex-grow: 1;
width: 0.1%;
}
.input__group-w .input > * {
border-right-width: 0;
}
.input__group-w .input:first-child > * {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.input__group-w .input:last-child > * {
border-right-width: 1px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.input__group-w .input:not(:first-child):not(:last-child) > * {
border-radius: 0 !important;
}
.input__group-w .input:first-child:last-child > * {
border-radius: 5px;
}
.input__inline-w .input {
display: inline-block;
vertical-align: middle;
}
.input__inline-w .input input[type=text],
.input__inline-w .input input[type=datetime],
.input__inline-w .input input[type=datetime-local],
.input__inline-w .input input[type=email],
.input__inline-w .input input[type=month],
.input__inline-w .input input[type=number],
.input__inline-w .input input[type=password],
.input__inline-w .input input[type=search],
.input__inline-w .input input[type=tel],
.input__inline-w .input input[type=time],
.input__inline-w .input input[type=url],
.input__inline-w .input input[type=week],
.input__inline-w .input input[type=checkbox],
.input__inline-w .input input[type=radio],
.input__inline-w .input select,
.input__inline-w .input textarea {
width: auto;
}
.input__inline-w .input:not(:last-child) input[type=checkbox] + label,
.input__inline-w .input:not(:last-child) input[type=radio] + label {
margin-right: 10px;
}
}
.input textarea {
resize: vertical;
height: auto;
min-height: 40px;
padding-top: 8px;
padding-bottom: 8px;
}
.input--required.input:before {
content: '';
position: absolute;
width: 12px;
height: 12px;
line-height: 12px;
background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBvbHlnb24gcG9pbnRzPSIwIDAsIDEwIDAsIDAgMTAiIGZpbGw9IiMxMDczQjkiLz48dGV4dCB4PSIwLjUiIHk9IjkiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9IiNmZmYiPio8L3RleHQ+PC9zdmc+');
}
.input--auto.input {
width: auto;
-ms-flex-positive: unset;
flex-grow: unset;
}
.input--select.input select {
padding-right: 24px;
}
.input--select.input:after {
content: '';
position: absolute;
z-index: 1;
right: 5px;
top: 8px;
display: block;
width: 20px;
height: 20px;
pointer-events: none;
background: url("/public/img/form/down.svg") no-repeat center center;
}
.input--calendar.input input {
padding-right: 24px;
}
.input--calendar.input:after {
content: '';
position: absolute;
z-index: 1;
right: 5px;
top: 8px;
display: block;
width: 20px;
height: 20px;
pointer-events: none;
background: url("/public/img/form/calendar.svg") no-repeat center center;
}
.input--ajax input {
padding-right: 24px;
}
.input--ajax .input__spinner {
position: absolute;
top: 8px;
right: 5px;
}
.input--icon.input,
.input-icon {
position: relative;
}
.input--icon.input label,
.input-icon label,
.input--icon.input .input-addon,
.input-icon .input-addon {
/*fallback*/
position: absolute;
left: 10px;
font-size: 12px;
color: #bbb;
height: 40px;
line-height: 40px;
z-index: 1;
}
.input--icon.input input,
.input-icon input,
.input--icon.input select,
.input-icon select,
.input--icon.input div .selectize-input,
.input-icon div .selectize-input {
padding-left: 32px;
}
@media screen and (max-width: 640px) {
.input--icon.input-off-p label,
.input-icon-off-p label,
.input--icon.input-off-p .input-addon,
.input-icon-off-p .input-addon {
/*fallback*/
display: none;
}
.input--icon.input-off-p input,
.input-icon-off-p input,
.input--icon.input-off-p select,
.input-icon-off-p select {
padding-left: 15px;
}
}
.input--small.input::after {
bottom: 5px;
}
.input--small.input input,
.input--small.input select,
.input--small.input textarea {
height: 25px;
min-height: 25px;
font-size: 13px;
padding: 3px 5px;
}
.input--small.input.input--calendar input,
.input--small.input select {
padding: 0 20px 0 5px;
}
.input--small.input.input--select:after,
.input--small.input.input--calendar:after {
top: 1px;
width: 15px;
}
.input--small.input.input--icon label {
height: 25px;
line-height: 25px;
}
.input--small.input.input--icon input,
.input--small.input.input--icon select,
.input--small.input.input--icon div .selectize-input {
padding-left: 25px;
}
.input--large.input input,
.input--large.input select,
.input--large.input textarea {
height: 40px;
}
.input--underline.input input,
.input--underline.input select,
.input--underline.input textarea {
border-top: none;
border-left: none;
border-right: none;
}
.input--multi.input input,
.input--multi.input select,
.input--multi.input textarea {
height: auto;
}
.input--valid.input input,
.input--valid.input select,
.input--valid.input textarea {
border-color: var(--t2u-success);
}
.input--invalid.input input,
.input--invalid.input select,
.input--invalid.input textarea {
border-color: var(--t2u-danger);
}
.input .selectize-input {
border: 1px solid;
height: 40px;
min-height: 40px;
padding: 0 15px;
line-height: 1;
display: block;
border-radius: var(--t2u-radius-s);
outline: none;
width: 100%;
border-color: rgba(34, 36, 38, 0.15);
font-size: 1rem;
}
.input .selectize-input input {
height: 40px;
line-height: 40px;
font-size: 1rem;
}
.input .selectize-control.single .selectize-input {
line-height: 40px;
}
.input .selectize-control.multi .selectize-input {
padding: 5px;
}
.input .selectize-control.multi .selectize-input input {
height: auto;
line-height: 25px;
}
.input .selectize-dropdown {
font-size: 1rem;
margin: -4px 0 0 0;
}
.input__group .input .selectize-input {
border-right-width: 0;
}
.input__group .input:first-child .selectize-input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input__group .input:last-child .selectize-input {
border-right-width: 1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input__group .input:not(:first-child):not(:last-child) .selectize-input {
border-radius: 0;
}
.input--icon.input label {
z-index: 2;
}
.input--icon.input .selectize-input {
padding-left: 32px;
}
.input--required:before {
z-index: 2;
}
.input--multi .selectize-control.multi .selectize-input {
height: auto;
}
.input--multi .selectize-control.multi .selectize-input input[type=text] {
display: initial;
}
.form-actions {
padding: 20px;
text-align: center;
margin-top: 1px;
}
.form-actions .alert {
margin-bottom: 20px;
}
.addon-group {
padding-right: 20px;
}
.addon-group > a {
position: absolute;
top: 0;
right: 0;
display: block;
width: 20px;
height: 30px;
text-align: center;
line-height: 30px;
}
.control {
position: relative;
}
.control.required:before {
content: '*';
color: #fff;
position: absolute;
width: 12px;
height: 12px;
line-height: 12px;
font-weight: bold;
z-index: 3;
top: 28px;
left: 1px;
}
.control.required:after {
content: '';
position: absolute;
width: 12px;
height: 12px;
border-top: 12px solid #1073B9;
border-right: 12px solid transparent;
top: 26px;
left: 0;
z-index: 2;
}
.control.required--no-label:before {
top: 2px;
}
.control.required--no-label:after {
top: 0px;
}
.hax-tab-checkbox .tab-checkbox,
.hax-tab-checkbox--header .tab-checkbox {
position: relative;
}
.hax-tab-checkbox .tab-checkbox .tab-checkbox__input,
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__input {
display: none;
}
.hax-tab-checkbox .tab-checkbox .tab-checkbox__input:checked + label::after,
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__input:checked + label::after {
content: '\f00c';
font-size: 13px;
color: #35485d;
line-height: 16px;
background-color: transparent;
}
.hax-tab-checkbox .tab-checkbox .tab-checkbox__input:checked + label,
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__input:checked + label {
background-color: transparent;
}
.hax-tab-checkbox .tab-checkbox .tab-checkbox__button,
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__button {
display: block;
width: 90%;
height: 25px;
font-size: 13px;
color: #000;
line-height: 25px;
border-radius: 3px;
border: 1px solid #e6e8ec;
margin: 0 auto;
padding: 0 0 0 30px;
background-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.hax-tab-checkbox .tab-checkbox .tab-checkbox__button::before,
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__button::before,
.hax-tab-checkbox .tab-checkbox .tab-checkbox__button::after,
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__button::after {
width: 0;
height: 0;
border: none;
}
.hax-tab-checkbox .tab-checkbox .tab-checkbox__button::after,
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__button::after {
content: "";
width: 15px;
height: 15px;
color: #bbb;
margin: 5px 0 0 8px;
line-height: 18px;
border-radius: 50%;
padding-left: 1px;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
background-color: #fff;
border: 1px solid #bbb;
}
.hax-tab-checkbox.blue,
.hax-tab-checkbox--header.blue {
background-color: transparent;
}
.hax-tab-checkbox.blue .tab-checkbox__input:checked + label::after,
.hax-tab-checkbox--header.blue .tab-checkbox__input:checked + label::after {
color: #35485d;
background-color: #9acb43;
}
.hax-tab-checkbox.blue .tab-checkbox__input:checked + label,
.hax-tab-checkbox--header.blue .tab-checkbox__input:checked + label {
background-color: #03ace3;
}
.hax-tab-checkbox.blue .tab-checkbox__button,
.hax-tab-checkbox--header.blue .tab-checkbox__button {
color: #fff;
background-color: #82dffd;
}
.hax-tab-checkbox.blue .tab-checkbox__button:hover,
.hax-tab-checkbox--header.blue .tab-checkbox__button:hover {
background-color: #36ccfc;
}
.hax-tab-checkbox.blue .tab-checkbox__button::after,
.hax-tab-checkbox--header.blue .tab-checkbox__button::after {
border: 1px solid transparent;
}
.hax-tab-checkbox.red,
.hax-tab-checkbox--header.red {
background-color: transparent;
}
.hax-tab-checkbox.red .tab-checkbox__input:checked + label::after,
.hax-tab-checkbox--header.red .tab-checkbox__input:checked + label::after {
color: #35485d;
background-color: #9acb43;
}
.hax-tab-checkbox.red .tab-checkbox__input:checked + label,
.hax-tab-checkbox--header.red .tab-checkbox__input:checked + label {
background-color: #e22e2e;
}
.hax-tab-checkbox.red .tab-checkbox__button,
.hax-tab-checkbox--header.red .tab-checkbox__button {
color: #fff;
background-color: #ee8787;
}
.hax-tab-checkbox.red .tab-checkbox__button:hover,
.hax-tab-checkbox--header.red .tab-checkbox__button:hover {
background-color: #e85b5b;
}
.hax-tab-checkbox.red .tab-checkbox__button::after,
.hax-tab-checkbox--header.red .tab-checkbox__button::after {
border: 1px solid transparent;
}
.hax-tab-checkbox.wood,
.hax-tab-checkbox--header.wood {
background-color: transparent;
}
.hax-tab-checkbox.wood .tab-checkbox__input:checked + label::after,
.hax-tab-checkbox--header.wood .tab-checkbox__input:checked + label::after {
color: #35485d;
background-color: #9acb43;
}
.hax-tab-checkbox.wood .tab-checkbox__input:checked + label,
.hax-tab-checkbox--header.wood .tab-checkbox__input:checked + label {
background-color: #a67c55;
}
.hax-tab-checkbox.wood .tab-checkbox__button,
.hax-tab-checkbox--header.wood .tab-checkbox__button {
color: #fff;
background-color: #cab097;
}
.hax-tab-checkbox.wood .tab-checkbox__button:hover,
.hax-tab-checkbox--header.wood .tab-checkbox__button:hover {
background-color: #b99675;
}
.hax-tab-checkbox.wood .tab-checkbox__button::after,
.hax-tab-checkbox--header.wood .tab-checkbox__button::after {
border: 1px solid transparent;
}
.hax-tab-checkbox.orange,
.hax-tab-checkbox--header.orange {
background-color: transparent;
}
.hax-tab-checkbox.orange .tab-checkbox__input:checked + label::after,
.hax-tab-checkbox--header.orange .tab-checkbox__input:checked + label::after {
color: #35485d;
background-color: #9acb43;
}
.hax-tab-checkbox.orange .tab-checkbox__input:checked + label,
.hax-tab-checkbox--header.orange .tab-checkbox__input:checked + label {
background-color: #f8971c;
}
.hax-tab-checkbox.orange .tab-checkbox__button,
.hax-tab-checkbox--header.orange .tab-checkbox__button {
color: #fff;
background-color: #fbc47f;
}
.hax-tab-checkbox.orange .tab-checkbox__button:hover,
.hax-tab-checkbox--header.orange .tab-checkbox__button:hover {
background-color: #faae4d;
}
.hax-tab-checkbox.orange .tab-checkbox__button::after,
.hax-tab-checkbox--header.orange .tab-checkbox__button::after {
border: 1px solid transparent;
}
.hax-tab-checkbox.purple,
.hax-tab-checkbox--header.purple {
background-color: transparent;
}
.hax-tab-checkbox.purple .tab-checkbox__input:checked + label::after,
.hax-tab-checkbox--header.purple .tab-checkbox__input:checked + label::after {
color: #35485d;
background-color: #9acb43;
}
.hax-tab-checkbox.purple .tab-checkbox__input:checked + label,
.hax-tab-checkbox--header.purple .tab-checkbox__input:checked + label {
background-color: #ad57a1;
}
.hax-tab-checkbox.purple .tab-checkbox__button,
.hax-tab-checkbox--header.purple .tab-checkbox__button {
color: #fff;
background-color: #ce9cc7;
}
.hax-tab-checkbox.purple .tab-checkbox__button:hover,
.hax-tab-checkbox--header.purple .tab-checkbox__button:hover {
background-color: #be79b4;
}
.hax-tab-checkbox.purple .tab-checkbox__button::after,
.hax-tab-checkbox--header.purple .tab-checkbox__button::after {
border: 1px solid transparent;
}
.hax-tab-checkbox--header .tab-checkbox:not(:last-child) {
margin-right: 10px;
}
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__input:checked + label::after {
content: '\E033';
font-family: icon;
font-size: 15px;
color: #35485d;
border: none !important;
background-color: transparent;
}
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__button {
width: 100%;
height: 30px;
font-size: 16px;
color: #000 !important;
line-height: 30px;
border: 1px solid #e6e8ec;
padding-right: 10px;
}
.hax-tab-checkbox--header .tab-checkbox .tab-checkbox__button::after {
position: absolute;
top: 2px;
left: 0;
color: #bbb;
border: 1px solid #bbb !important;
}
}
@layer plugin {
/*!
* Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2026 Fonticons, Inc.
*/
/*!
* Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2026 Fonticons, Inc.
* Converted from the official FontAwesome 7 SCSS source into LESS for CloudHax.
*/
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fa {
--_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Free'));
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: var(--fa-display, inline-block);
font-family: var(--_fa-family);
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-style: normal;
font-synthesis: none;
font-variant: normal;
font-weight: var(--fa-style, 900);
line-height: inherit;
text-align: center;
text-rendering: auto;
width: var(--fa-width, calc((20 / 16) * 1em));
}
.fas:before,
.far:before,
.fab:before,
.fa-solid:before,
.fa-regular:before,
.fa-brands:before,
.fa-classic:before,
.fa:before {
content: var(--fa) / "";
}
@supports not (content: '' / '') {
.fas:before,
.far:before,
.fab:before,
.fa-solid:before,
.fa-regular:before,
.fa-brands:before,
.fa-classic:before,
.fa:before {
content: var(--fa);
}
}
.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-2xs {
font-size: calc(10 / 16 * 1em);
line-height: calc(1 / 10 * 1em);
vertical-align: calc(((6 / 10) - (3 / 8)) * 1em);
}
.fa-xs {
font-size: calc(12 / 16 * 1em);
line-height: calc(1 / 12 * 1em);
vertical-align: calc(((6 / 12) - (3 / 8)) * 1em);
}
.fa-sm {
font-size: calc(14 / 16 * 1em);
line-height: calc(1 / 14 * 1em);
vertical-align: calc(((6 / 14) - (3 / 8)) * 1em);
}
.fa-lg {
font-size: calc(20 / 16 * 1em);
line-height: calc(1 / 20 * 1em);
vertical-align: calc(((6 / 20) - (3 / 8)) * 1em);
}
.fa-xl {
font-size: calc(24 / 16 * 1em);
line-height: calc(1 / 24 * 1em);
vertical-align: calc(((6 / 24) - (3 / 8)) * 1em);
}
.fa-2xl {
font-size: calc(32 / 16 * 1em);
line-height: calc(1 / 32 * 1em);
vertical-align: calc(((6 / 32) - (3 / 8)) * 1em);
}
.fa-width-auto {
--fa-width: auto;
}
.fa-fw,
.fa-width-fixed {
--fa-width: calc((20 / 16) * 1em);
}
.fa-canvas-square {
padding-block: 0.125em;
-webkit-margin-after: -0.125em;
margin-block-end: -0.125em;
}
.fa-canvas-roomy {
padding-block: 0.25em;
padding-inline: 0.125em;
-webkit-margin-after: -0.25em;
margin-block-end: -0.25em;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.fa-ul {
list-style-type: none;
-webkit-margin-start: var(--fa-li-margin, calc(2em * (1 / 4)));
margin-inline-start: var(--fa-li-margin, calc(2em * (1 / 4)));
-webkit-padding-start: 0;
padding-inline-start: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
position: absolute;
text-align: center;
width: var(--fa-li-width, 2em);
line-height: inherit;
}
.fa-pull-left,
.fa-pull-start {
float: inline-start;
-webkit-margin-end: var(--fa-pull-margin, 0.3em);
margin-inline-end: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right,
.fa-pull-end {
float: inline-end;
-webkit-margin-start: var(--fa-pull-margin, 0.3em);
margin-inline-start: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
-webkit-animation-name: fa-beat;
animation-name: fa-beat;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
-webkit-animation-name: fa-bounce;
animation-name: fa-bounce;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}
.fa-fade {
-webkit-animation-name: fa-fade;
animation-name: fa-fade;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-beat-fade {
-webkit-animation-name: fa-beat-fade;
animation-name: fa-beat-fade;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-flip {
-webkit-animation-name: fa-flip;
animation-name: fa-flip;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1.5s);
animation-duration: var(--fa-animation-duration, 1.5s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-flip-360 {
-webkit-animation-name: fa-flip-360;
animation-name: fa-flip-360;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
-webkit-animation-name: fa-shake;
animation-name: fa-shake;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 0.75s);
animation-duration: var(--fa-animation-duration, 0.75s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-spin {
-webkit-animation-name: fa-spin;
animation-name: fa-spin;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 2s);
animation-duration: var(--fa-animation-duration, 2s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
--fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
-webkit-animation-name: fa-spin;
animation-name: fa-spin;
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
animation-timing-function: var(--fa-animation-timing, steps(8));
}
.fa-spin-snap {
-webkit-animation-name: fa-spin-snap;
animation-name: fa-spin-snap;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 3s);
animation-duration: var(--fa-animation-duration, 3s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-snap-4 {
-webkit-animation-name: fa-spin-snap-4;
animation-name: fa-spin-snap-4;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 2.4s);
animation-duration: var(--fa-animation-duration, 2.4s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-snap-8 {
-webkit-animation-name: fa-spin-snap-8;
animation-name: fa-spin-snap-8;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 4s);
animation-duration: var(--fa-animation-duration, 4s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-buzz {
-webkit-animation-name: fa-buzz;
animation-name: fa-buzz;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 0.6s);
animation-duration: var(--fa-animation-duration, 0.6s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-wag {
-webkit-animation-name: fa-wag;
animation-name: fa-wag;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 0.9s);
animation-duration: var(--fa-animation-duration, 0.9s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-out);
animation-timing-function: var(--fa-animation-timing, ease-out);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
.fa-float {
-webkit-animation-name: fa-float;
animation-name: fa-float;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 3s);
animation-duration: var(--fa-animation-duration, 3s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
will-change: transform;
}
.fa-swing {
-webkit-animation-name: fa-swing;
animation-name: fa-swing;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1.2s);
animation-duration: var(--fa-animation-duration, 1.2s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-out);
animation-timing-function: var(--fa-animation-timing, ease-out);
-webkit-transform-origin: top center;
transform-origin: top center;
}
.fa-jello {
-webkit-animation-name: fa-jello;
animation-name: fa-jello;
-webkit-animation-delay: var(--fa-animation-delay, 0s);
animation-delay: var(--fa-animation-delay, 0s);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 0.9s);
animation-duration: var(--fa-animation-duration, 0.9s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-out);
animation-timing-function: var(--fa-animation-timing, ease-out);
}
@media (prefers-reduced-motion: reduce) {
.fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-flip-360,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse,
.fa-buzz,
.fa-float,
.fa-jello,
.fa-spin-snap,
.fa-spin-snap-4,
.fa-spin-snap-8,
.fa-swing,
.fa-wag {
-webkit-animation: none !important;
animation: none !important;
-webkit-transition: none !important;
transition: none !important;
}
}
@-webkit-keyframes fa-beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
}
45% {
-webkit-transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22)));
transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22)));
}
65% {
-webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
}
90% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fa-beat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
}
45% {
-webkit-transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22)));
transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22)));
}
65% {
-webkit-transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
}
90% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes fa-bounce {
0% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
-webkit-animation-timing-function: var(--fa-animation-timing);
animation-timing-function: var(--fa-animation-timing);
}
14% {
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px));
transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
32% {
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em)));
transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em)));
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
52% {
-webkit-transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1));
transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1));
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
}
70% {
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0);
transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0);
-webkit-animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1);
}
85% {
-webkit-transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1)));
transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1)));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
}
100% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
}
@keyframes fa-bounce {
0% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
-webkit-animation-timing-function: var(--fa-animation-timing);
animation-timing-function: var(--fa-animation-timing);
}
14% {
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px));
transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
32% {
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em)));
transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em)));
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
52% {
-webkit-transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1));
transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1));
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
}
70% {
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0);
transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0);
-webkit-animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1);
}
85% {
-webkit-transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1)));
transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1)));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
}
100% {
-webkit-transform: scale(1, 1) translateY(0);
transform: scale(1, 1) translateY(0);
}
}
@-webkit-keyframes fa-fade {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
}
40% {
opacity: var(--fa-fade-opacity, 0.4);
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fa-fade {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
}
40% {
opacity: var(--fa-fade-opacity, 0.4);
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes fa-beat-fade {
0% {
opacity: var(--fa-beat-fade-opacity, 0.4);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
}
25% {
opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4);
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.28));
transform: scale(var(--fa-beat-fade-scale, 1.28));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
45% {
opacity: 1;
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.25));
transform: scale(var(--fa-beat-fade-scale, 1.25));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
65% {
opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4);
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.28));
transform: scale(var(--fa-beat-fade-scale, 1.28));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
100% {
opacity: var(--fa-beat-fade-opacity, 0.4);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fa-beat-fade {
0% {
opacity: var(--fa-beat-fade-opacity, 0.4);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
}
25% {
opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4);
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.28));
transform: scale(var(--fa-beat-fade-scale, 1.28));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
45% {
opacity: 1;
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.25));
transform: scale(var(--fa-beat-fade-scale, 1.25));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
65% {
opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4);
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.28));
transform: scale(var(--fa-beat-fade-scale, 1.28));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
100% {
opacity: var(--fa-beat-fade-opacity, 0.4);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes fa-flip {
0% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
}
8% {
-webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
35% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
65% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5));
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
92% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
}
100% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
}
}
@keyframes fa-flip {
0% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
}
8% {
-webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
35% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
65% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5));
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
92% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
}
100% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
}
}
@-webkit-keyframes fa-flip-360 {
0% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
}
8% {
-webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
50% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
80% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
}
100% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
}
}
@keyframes fa-flip-360 {
0% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
}
8% {
-webkit-transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
50% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
80% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
}
100% {
-webkit-transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
}
}
@-webkit-keyframes fa-shake {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
8% {
-webkit-transform: rotate(35deg) translateX(1px);
transform: rotate(35deg) translateX(1px);
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
20% {
-webkit-transform: rotate(-22deg) translateX(-1px);
transform: rotate(-22deg) translateX(-1px);
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
35% {
-webkit-transform: rotate(15deg) translateX(1px);
transform: rotate(15deg) translateX(1px);
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
50% {
-webkit-transform: rotate(-9deg);
transform: rotate(-9deg);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
65% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
78% {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
90% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes fa-shake {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
8% {
-webkit-transform: rotate(35deg) translateX(1px);
transform: rotate(35deg) translateX(1px);
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
20% {
-webkit-transform: rotate(-22deg) translateX(-1px);
transform: rotate(-22deg) translateX(-1px);
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
35% {
-webkit-transform: rotate(15deg) translateX(1px);
transform: rotate(15deg) translateX(1px);
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
50% {
-webkit-transform: rotate(-9deg);
transform: rotate(-9deg);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
65% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
78% {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
90% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fa-spin-snap {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
12% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
16.67% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
28.67% {
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
33.33% {
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
45.33% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
62% {
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
66.67% {
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
78.67% {
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
83.33% {
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
95.33% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin-snap {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
12% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
16.67% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
28.67% {
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
33.33% {
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
45.33% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
62% {
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
66.67% {
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
78.67% {
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
83.33% {
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
95.33% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fa-spin-snap-4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
15% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
25% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
40% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
65% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
75% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
90% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin-snap-4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
15% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
25% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
40% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
65% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
75% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
90% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fa-spin-snap-8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
9% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
12.5% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
21.5% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
25% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
34% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
37.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
46.5% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
59% {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
62.5% {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
71.5% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
75% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
84% {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
87.5% {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
96.5% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fa-spin-snap-8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
9% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
12.5% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
21.5% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
25% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
34% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
37.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
46.5% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
59% {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
62.5% {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
71.5% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
75% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
84% {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
87.5% {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
96.5% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fa-buzz {
0% {
-webkit-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1);
animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1);
}
5% {
-webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg);
transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg);
}
10% {
-webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg);
transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg);
}
15% {
-webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg);
transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg);
}
20% {
-webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg);
transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg);
}
25% {
-webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg);
transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg);
}
30% {
-webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg);
transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg);
}
35% {
-webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg);
transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg);
}
40% {
-webkit-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg);
}
100% {
-webkit-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg);
}
}
@keyframes fa-buzz {
0% {
-webkit-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1);
animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1);
}
5% {
-webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg);
transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg);
}
10% {
-webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg);
transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg);
}
15% {
-webkit-transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg);
transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg);
}
20% {
-webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg);
transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg);
}
25% {
-webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg);
transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg);
}
30% {
-webkit-transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg);
transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg);
}
35% {
-webkit-transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg);
transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg);
}
40% {
-webkit-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg);
}
100% {
-webkit-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg);
}
}
@-webkit-keyframes fa-wag {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
}
12% {
-webkit-transform: rotate(var(--fa-wag-angle, 12deg));
transform: rotate(var(--fa-wag-angle, 12deg));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
24% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
}
36% {
-webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85));
transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
48% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
}
58% {
-webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6));
transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
68% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes fa-wag {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
}
12% {
-webkit-transform: rotate(var(--fa-wag-angle, 12deg));
transform: rotate(var(--fa-wag-angle, 12deg));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
24% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
}
36% {
-webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85));
transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
48% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
}
58% {
-webkit-transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6));
transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
68% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes fa-float {
0% {
-webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
15% {
-webkit-transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1);
transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1);
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
35% {
-webkit-transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03));
transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03));
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0);
animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0);
}
50% {
-webkit-transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01);
transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01);
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
70% {
-webkit-transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1);
transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1);
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
90% {
-webkit-transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
}
100% {
-webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
}
}
@keyframes fa-float {
0% {
-webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
15% {
-webkit-transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1);
transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1);
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
35% {
-webkit-transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03));
transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03));
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0);
animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0);
}
50% {
-webkit-transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01);
transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01);
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
}
70% {
-webkit-transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1);
transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1);
-webkit-animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
}
90% {
-webkit-transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
-webkit-animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
}
100% {
-webkit-transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
}
}
@-webkit-keyframes fa-swing {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
8% {
-webkit-transform: rotate(var(--fa-swing-angle, 22deg));
transform: rotate(var(--fa-swing-angle, 22deg));
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
18% {
-webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85));
transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85));
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
28% {
-webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65));
transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65));
-webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1);
animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1);
}
38% {
-webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45));
transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
48% {
-webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25));
transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
56% {
-webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1));
transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
64% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes fa-swing {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
8% {
-webkit-transform: rotate(var(--fa-swing-angle, 22deg));
transform: rotate(var(--fa-swing-angle, 22deg));
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
18% {
-webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85));
transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85));
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
28% {
-webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65));
transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65));
-webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1);
animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1);
}
38% {
-webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45));
transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
48% {
-webkit-transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25));
transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
56% {
-webkit-transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1));
transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
64% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes fa-jello {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
12% {
-webkit-transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15)));
transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15)));
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
24% {
-webkit-transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12));
transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12));
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
36% {
-webkit-transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5)));
transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5)));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
48% {
-webkit-transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3));
transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
58% {
-webkit-transform: scale(1.02, 0.98);
transform: scale(1.02, 0.98);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
68% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes fa-jello {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
}
12% {
-webkit-transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15)));
transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15)));
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
24% {
-webkit-transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12));
transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12));
-webkit-animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
}
36% {
-webkit-transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5)));
transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5)));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
48% {
-webkit-transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3));
transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3));
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
58% {
-webkit-transform: scale(1.02, 0.98);
transform: scale(1.02, 0.98);
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
68% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.fa-rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
.fa-rotate-by {
-webkit-transform: rotate(var(--fa-rotate-angle, 0));
transform: rotate(var(--fa-rotate-angle, 0));
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: calc(calc((20 / 16) * 1em) * 2);
}
.fa-stack-1x,
.fa-stack-2x {
--fa-width: 100%;
inset: 0;
position: absolute;
text-align: center;
width: var(--fa-width);
z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: var(--fa-inverse, #fff);
}
/*!
* Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2026 Fonticons, Inc.
* Converted from the official FontAwesome 7 SCSS source into LESS for CloudHax.
*/
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0 {
--fa: "\30";
}
.fa-1 {
--fa: "\31";
}
.fa-2 {
--fa: "\32";
}
.fa-3 {
--fa: "\33";
}
.fa-4 {
--fa: "\34";
}
.fa-5 {
--fa: "\35";
}
.fa-6 {
--fa: "\36";
}
.fa-7 {
--fa: "\37";
}
.fa-8 {
--fa: "\38";
}
.fa-9 {
--fa: "\39";
}
.fa-exclamation {
--fa: "\21";
}
.fa-hashtag {
--fa: "\23";
}
.fa-dollar-sign {
--fa: "\24";
}
.fa-dollar {
--fa: "\24";
}
.fa-usd {
--fa: "\24";
}
.fa-percent {
--fa: "\25";
}
.fa-percentage {
--fa: "\25";
}
.fa-asterisk {
--fa: "\2a";
}
.fa-plus {
--fa: "\2b";
}
.fa-add {
--fa: "\2b";
}
.fa-less-than {
--fa: "\3c";
}
.fa-equals {
--fa: "\3d";
}
.fa-greater-than {
--fa: "\3e";
}
.fa-question {
--fa: "\3f";
}
.fa-at {
--fa: "\40";
}
.fa-a {
--fa: "\41";
}
.fa-b {
--fa: "\42";
}
.fa-c {
--fa: "\43";
}
.fa-d {
--fa: "\44";
}
.fa-e {
--fa: "\45";
}
.fa-f {
--fa: "\46";
}
.fa-g {
--fa: "\47";
}
.fa-h {
--fa: "\48";
}
.fa-i {
--fa: "\49";
}
.fa-j {
--fa: "\4a";
}
.fa-k {
--fa: "\4b";
}
.fa-l {
--fa: "\4c";
}
.fa-m {
--fa: "\4d";
}
.fa-n {
--fa: "\4e";
}
.fa-o {
--fa: "\4f";
}
.fa-p {
--fa: "\50";
}
.fa-q {
--fa: "\51";
}
.fa-r {
--fa: "\52";
}
.fa-s {
--fa: "\53";
}
.fa-t {
--fa: "\54";
}
.fa-u {
--fa: "\55";
}
.fa-v {
--fa: "\56";
}
.fa-w {
--fa: "\57";
}
.fa-x {
--fa: "\58";
}
.fa-y {
--fa: "\59";
}
.fa-z {
--fa: "\5a";
}
.fa-faucet {
--fa: "\e005";
}
.fa-faucet-drip {
--fa: "\e006";
}
.fa-house-chimney-window {
--fa: "\e00d";
}
.fa-house-signal {
--fa: "\e012";
}
.fa-temperature-arrow-down {
--fa: "\e03f";
}
.fa-temperature-down {
--fa: "\e03f";
}
.fa-temperature-arrow-up {
--fa: "\e040";
}
.fa-temperature-up {
--fa: "\e040";
}
.fa-trailer {
--fa: "\e041";
}
.fa-bacteria {
--fa: "\e059";
}
.fa-bacterium {
--fa: "\e05a";
}
.fa-box-tissue {
--fa: "\e05b";
}
.fa-hand-holding-medical {
--fa: "\e05c";
}
.fa-hand-sparkles {
--fa: "\e05d";
}
.fa-hands-bubbles {
--fa: "\e05e";
}
.fa-hands-wash {
--fa: "\e05e";
}
.fa-handshake-slash {
--fa: "\e060";
}
.fa-handshake-alt-slash {
--fa: "\e060";
}
.fa-handshake-simple-slash {
--fa: "\e060";
}
.fa-head-side-cough {
--fa: "\e061";
}
.fa-head-side-cough-slash {
--fa: "\e062";
}
.fa-head-side-mask {
--fa: "\e063";
}
.fa-head-side-virus {
--fa: "\e064";
}
.fa-house-chimney-user {
--fa: "\e065";
}
.fa-house-laptop {
--fa: "\e066";
}
.fa-laptop-house {
--fa: "\e066";
}
.fa-lungs-virus {
--fa: "\e067";
}
.fa-people-arrows {
--fa: "\e068";
}
.fa-people-arrows-left-right {
--fa: "\e068";
}
.fa-plane-slash {
--fa: "\e069";
}
.fa-pump-medical {
--fa: "\e06a";
}
.fa-pump-soap {
--fa: "\e06b";
}
.fa-shield-virus {
--fa: "\e06c";
}
.fa-sink {
--fa: "\e06d";
}
.fa-soap {
--fa: "\e06e";
}
.fa-stopwatch-20 {
--fa: "\e06f";
}
.fa-shop-slash {
--fa: "\e070";
}
.fa-store-alt-slash {
--fa: "\e070";
}
.fa-store-slash {
--fa: "\e071";
}
.fa-toilet-paper-slash {
--fa: "\e072";
}
.fa-users-slash {
--fa: "\e073";
}
.fa-virus {
--fa: "\e074";
}
.fa-virus-slash {
--fa: "\e075";
}
.fa-viruses {
--fa: "\e076";
}
.fa-vest {
--fa: "\e085";
}
.fa-vest-patches {
--fa: "\e086";
}
.fa-arrow-trend-down {
--fa: "\e097";
}
.fa-arrow-trend-up {
--fa: "\e098";
}
.fa-arrow-up-from-bracket {
--fa: "\e09a";
}
.fa-austral-sign {
--fa: "\e0a9";
}
.fa-baht-sign {
--fa: "\e0ac";
}
.fa-bitcoin-sign {
--fa: "\e0b4";
}
.fa-bolt-lightning {
--fa: "\e0b7";
}
.fa-book-bookmark {
--fa: "\e0bb";
}
.fa-camera-rotate {
--fa: "\e0d8";
}
.fa-cedi-sign {
--fa: "\e0df";
}
.fa-chart-column {
--fa: "\e0e3";
}
.fa-chart-gantt {
--fa: "\e0e4";
}
.fa-clapperboard {
--fa: "\e131";
}
.fa-closed-captioning-slash {
--fa: "\e135";
}
.fa-clover {
--fa: "\e139";
}
.fa-code-compare {
--fa: "\e13a";
}
.fa-code-fork {
--fa: "\e13b";
}
.fa-code-pull-request {
--fa: "\e13c";
}
.fa-colon-sign {
--fa: "\e140";
}
.fa-cruzeiro-sign {
--fa: "\e152";
}
.fa-display {
--fa: "\e163";
}
.fa-dong-sign {
--fa: "\e169";
}
.fa-elevator {
--fa: "\e16d";
}
.fa-filter-circle-xmark {
--fa: "\e17b";
}
.fa-florin-sign {
--fa: "\e184";
}
.fa-folder-closed {
--fa: "\e185";
}
.fa-franc-sign {
--fa: "\e18f";
}
.fa-guarani-sign {
--fa: "\e19a";
}
.fa-gun {
--fa: "\e19b";
}
.fa-hands-clapping {
--fa: "\e1a8";
}
.fa-house-user {
--fa: "\e1b0";
}
.fa-home-user {
--fa: "\e1b0";
}
.fa-indian-rupee-sign {
--fa: "\e1bc";
}
.fa-indian-rupee {
--fa: "\e1bc";
}
.fa-inr {
--fa: "\e1bc";
}
.fa-kip-sign {
--fa: "\e1c4";
}
.fa-lari-sign {
--fa: "\e1c8";
}
.fa-litecoin-sign {
--fa: "\e1d3";
}
.fa-manat-sign {
--fa: "\e1d5";
}
.fa-mask-face {
--fa: "\e1d7";
}
.fa-mill-sign {
--fa: "\e1ed";
}
.fa-money-bills {
--fa: "\e1f3";
}
.fa-naira-sign {
--fa: "\e1f6";
}
.fa-notdef {
--fa: "\e1fe";
}
.fa-panorama {
--fa: "\e209";
}
.fa-peseta-sign {
--fa: "\e221";
}
.fa-peso-sign {
--fa: "\e222";
}
.fa-plane-up {
--fa: "\e22d";
}
.fa-rupiah-sign {
--fa: "\e23d";
}
.fa-stairs {
--fa: "\e289";
}
.fa-timeline {
--fa: "\e29c";
}
.fa-truck-front {
--fa: "\e2b7";
}
.fa-turkish-lira-sign {
--fa: "\e2bb";
}
.fa-try {
--fa: "\e2bb";
}
.fa-turkish-lira {
--fa: "\e2bb";
}
.fa-vault {
--fa: "\e2c5";
}
.fa-wand-magic-sparkles {
--fa: "\e2ca";
}
.fa-magic-wand-sparkles {
--fa: "\e2ca";
}
.fa-wheat-awn {
--fa: "\e2cd";
}
.fa-wheat-alt {
--fa: "\e2cd";
}
.fa-wheelchair-move {
--fa: "\e2ce";
}
.fa-wheelchair-alt {
--fa: "\e2ce";
}
.fa-bangladeshi-taka-sign {
--fa: "\e2e6";
}
.fa-bowl-rice {
--fa: "\e2eb";
}
.fa-person-pregnant {
--fa: "\e31e";
}
.fa-house-chimney {
--fa: "\e3af";
}
.fa-home-lg {
--fa: "\e3af";
}
.fa-house-crack {
--fa: "\e3b1";
}
.fa-house-medical {
--fa: "\e3b2";
}
.fa-cent-sign {
--fa: "\e3f5";
}
.fa-plus-minus {
--fa: "\e43c";
}
.fa-sailboat {
--fa: "\e445";
}
.fa-section {
--fa: "\e447";
}
.fa-shrimp {
--fa: "\e448";
}
.fa-brazilian-real-sign {
--fa: "\e46c";
}
.fa-chart-simple {
--fa: "\e473";
}
.fa-diagram-next {
--fa: "\e476";
}
.fa-diagram-predecessor {
--fa: "\e477";
}
.fa-diagram-successor {
--fa: "\e47a";
}
.fa-earth-oceania {
--fa: "\e47b";
}
.fa-globe-oceania {
--fa: "\e47b";
}
.fa-bug-slash {
--fa: "\e490";
}
.fa-file-circle-plus {
--fa: "\e494";
}
.fa-shop-lock {
--fa: "\e4a5";
}
.fa-virus-covid {
--fa: "\e4a8";
}
.fa-virus-covid-slash {
--fa: "\e4a9";
}
.fa-anchor-circle-check {
--fa: "\e4aa";
}
.fa-anchor-circle-exclamation {
--fa: "\e4ab";
}
.fa-anchor-circle-xmark {
--fa: "\e4ac";
}
.fa-anchor-lock {
--fa: "\e4ad";
}
.fa-arrow-down-up-across-line {
--fa: "\e4af";
}
.fa-arrow-down-up-lock {
--fa: "\e4b0";
}
.fa-arrow-right-to-city {
--fa: "\e4b3";
}
.fa-arrow-up-from-ground-water {
--fa: "\e4b5";
}
.fa-arrow-up-from-water-pump {
--fa: "\e4b6";
}
.fa-arrow-up-right-dots {
--fa: "\e4b7";
}
.fa-arrows-down-to-line {
--fa: "\e4b8";
}
.fa-arrows-down-to-people {
--fa: "\e4b9";
}
.fa-arrows-left-right-to-line {
--fa: "\e4ba";
}
.fa-arrows-spin {
--fa: "\e4bb";
}
.fa-arrows-split-up-and-left {
--fa: "\e4bc";
}
.fa-arrows-to-circle {
--fa: "\e4bd";
}
.fa-arrows-to-dot {
--fa: "\e4be";
}
.fa-arrows-to-eye {
--fa: "\e4bf";
}
.fa-arrows-turn-right {
--fa: "\e4c0";
}
.fa-arrows-turn-to-dots {
--fa: "\e4c1";
}
.fa-arrows-up-to-line {
--fa: "\e4c2";
}
.fa-bore-hole {
--fa: "\e4c3";
}
.fa-bottle-droplet {
--fa: "\e4c4";
}
.fa-bottle-water {
--fa: "\e4c5";
}
.fa-bowl-food {
--fa: "\e4c6";
}
.fa-boxes-packing {
--fa: "\e4c7";
}
.fa-bridge {
--fa: "\e4c8";
}
.fa-bridge-circle-check {
--fa: "\e4c9";
}
.fa-bridge-circle-exclamation {
--fa: "\e4ca";
}
.fa-bridge-circle-xmark {
--fa: "\e4cb";
}
.fa-bridge-lock {
--fa: "\e4cc";
}
.fa-bridge-water {
--fa: "\e4ce";
}
.fa-bucket {
--fa: "\e4cf";
}
.fa-bugs {
--fa: "\e4d0";
}
.fa-building-circle-arrow-right {
--fa: "\e4d1";
}
.fa-building-circle-check {
--fa: "\e4d2";
}
.fa-building-circle-exclamation {
--fa: "\e4d3";
}
.fa-building-circle-xmark {
--fa: "\e4d4";
}
.fa-building-flag {
--fa: "\e4d5";
}
.fa-building-lock {
--fa: "\e4d6";
}
.fa-building-ngo {
--fa: "\e4d7";
}
.fa-building-shield {
--fa: "\e4d8";
}
.fa-building-un {
--fa: "\e4d9";
}
.fa-building-user {
--fa: "\e4da";
}
.fa-building-wheat {
--fa: "\e4db";
}
.fa-burst {
--fa: "\e4dc";
}
.fa-car-on {
--fa: "\e4dd";
}
.fa-car-tunnel {
--fa: "\e4de";
}
.fa-child-combatant {
--fa: "\e4e0";
}
.fa-child-rifle {
--fa: "\e4e0";
}
.fa-children {
--fa: "\e4e1";
}
.fa-circle-nodes {
--fa: "\e4e2";
}
.fa-clipboard-question {
--fa: "\e4e3";
}
.fa-cloud-showers-water {
--fa: "\e4e4";
}
.fa-computer {
--fa: "\e4e5";
}
.fa-cubes-stacked {
--fa: "\e4e6";
}
.fa-envelope-circle-check {
--fa: "\e4e8";
}
.fa-explosion {
--fa: "\e4e9";
}
.fa-ferry {
--fa: "\e4ea";
}
.fa-file-circle-exclamation {
--fa: "\e4eb";
}
.fa-file-circle-minus {
--fa: "\e4ed";
}
.fa-file-circle-question {
--fa: "\e4ef";
}
.fa-file-shield {
--fa: "\e4f0";
}
.fa-fire-burner {
--fa: "\e4f1";
}
.fa-fish-fins {
--fa: "\e4f2";
}
.fa-flask-vial {
--fa: "\e4f3";
}
.fa-glass-water {
--fa: "\e4f4";
}
.fa-glass-water-droplet {
--fa: "\e4f5";
}
.fa-group-arrows-rotate {
--fa: "\e4f6";
}
.fa-hand-holding-hand {
--fa: "\e4f7";
}
.fa-handcuffs {
--fa: "\e4f8";
}
.fa-hands-bound {
--fa: "\e4f9";
}
.fa-hands-holding-child {
--fa: "\e4fa";
}
.fa-hands-holding-circle {
--fa: "\e4fb";
}
.fa-heart-circle-bolt {
--fa: "\e4fc";
}
.fa-heart-circle-check {
--fa: "\e4fd";
}
.fa-heart-circle-exclamation {
--fa: "\e4fe";
}
.fa-heart-circle-minus {
--fa: "\e4ff";
}
.fa-heart-circle-plus {
--fa: "\e500";
}
.fa-heart-circle-xmark {
--fa: "\e501";
}
.fa-helicopter-symbol {
--fa: "\e502";
}
.fa-helmet-un {
--fa: "\e503";
}
.fa-hill-avalanche {
--fa: "\e507";
}
.fa-hill-rockslide {
--fa: "\e508";
}
.fa-house-circle-check {
--fa: "\e509";
}
.fa-house-circle-exclamation {
--fa: "\e50a";
}
.fa-house-circle-xmark {
--fa: "\e50b";
}
.fa-house-fire {
--fa: "\e50c";
}
.fa-house-flag {
--fa: "\e50d";
}
.fa-house-flood-water {
--fa: "\e50e";
}
.fa-house-flood-water-circle-arrow-right {
--fa: "\e50f";
}
.fa-house-lock {
--fa: "\e510";
}
.fa-house-medical-circle-check {
--fa: "\e511";
}
.fa-house-medical-circle-exclamation {
--fa: "\e512";
}
.fa-house-medical-circle-xmark {
--fa: "\e513";
}
.fa-house-medical-flag {
--fa: "\e514";
}
.fa-house-tsunami {
--fa: "\e515";
}
.fa-jar {
--fa: "\e516";
}
.fa-jar-wheat {
--fa: "\e517";
}
.fa-jet-fighter-up {
--fa: "\e518";
}
.fa-jug-detergent {
--fa: "\e519";
}
.fa-kitchen-set {
--fa: "\e51a";
}
.fa-land-mine-on {
--fa: "\e51b";
}
.fa-landmark-flag {
--fa: "\e51c";
}
.fa-laptop-file {
--fa: "\e51d";
}
.fa-lines-leaning {
--fa: "\e51e";
}
.fa-location-pin-lock {
--fa: "\e51f";
}
.fa-locust {
--fa: "\e520";
}
.fa-magnifying-glass-arrow-right {
--fa: "\e521";
}
.fa-magnifying-glass-chart {
--fa: "\e522";
}
.fa-mars-and-venus-burst {
--fa: "\e523";
}
.fa-mask-ventilator {
--fa: "\e524";
}
.fa-mattress-pillow {
--fa: "\e525";
}
.fa-mobile-retro {
--fa: "\e527";
}
.fa-money-bill-transfer {
--fa: "\e528";
}
.fa-money-bill-trend-up {
--fa: "\e529";
}
.fa-money-bill-wheat {
--fa: "\e52a";
}
.fa-mosquito {
--fa: "\e52b";
}
.fa-mosquito-net {
--fa: "\e52c";
}
.fa-mound {
--fa: "\e52d";
}
.fa-mountain-city {
--fa: "\e52e";
}
.fa-mountain-sun {
--fa: "\e52f";
}
.fa-oil-well {
--fa: "\e532";
}
.fa-people-group {
--fa: "\e533";
}
.fa-people-line {
--fa: "\e534";
}
.fa-people-pulling {
--fa: "\e535";
}
.fa-people-robbery {
--fa: "\e536";
}
.fa-people-roof {
--fa: "\e537";
}
.fa-person-arrow-down-to-line {
--fa: "\e538";
}
.fa-person-arrow-up-from-line {
--fa: "\e539";
}
.fa-person-breastfeeding {
--fa: "\e53a";
}
.fa-person-burst {
--fa: "\e53b";
}
.fa-person-cane {
--fa: "\e53c";
}
.fa-person-chalkboard {
--fa: "\e53d";
}
.fa-person-circle-check {
--fa: "\e53e";
}
.fa-person-circle-exclamation {
--fa: "\e53f";
}
.fa-person-circle-minus {
--fa: "\e540";
}
.fa-person-circle-plus {
--fa: "\e541";
}
.fa-person-circle-question {
--fa: "\e542";
}
.fa-person-circle-xmark {
--fa: "\e543";
}
.fa-person-dress-burst {
--fa: "\e544";
}
.fa-person-drowning {
--fa: "\e545";
}
.fa-person-falling {
--fa: "\e546";
}
.fa-person-falling-burst {
--fa: "\e547";
}
.fa-person-half-dress {
--fa: "\e548";
}
.fa-person-harassing {
--fa: "\e549";
}
.fa-person-military-pointing {
--fa: "\e54a";
}
.fa-person-military-rifle {
--fa: "\e54b";
}
.fa-person-military-to-person {
--fa: "\e54c";
}
.fa-person-rays {
--fa: "\e54d";
}
.fa-person-rifle {
--fa: "\e54e";
}
.fa-person-shelter {
--fa: "\e54f";
}
.fa-person-walking-arrow-loop-left {
--fa: "\e551";
}
.fa-person-walking-arrow-right {
--fa: "\e552";
}
.fa-person-walking-dashed-line-arrow-right {
--fa: "\e553";
}
.fa-person-walking-luggage {
--fa: "\e554";
}
.fa-plane-circle-check {
--fa: "\e555";
}
.fa-plane-circle-exclamation {
--fa: "\e556";
}
.fa-plane-circle-xmark {
--fa: "\e557";
}
.fa-plane-lock {
--fa: "\e558";
}
.fa-plate-wheat {
--fa: "\e55a";
}
.fa-plug-circle-bolt {
--fa: "\e55b";
}
.fa-plug-circle-check {
--fa: "\e55c";
}
.fa-plug-circle-exclamation {
--fa: "\e55d";
}
.fa-plug-circle-minus {
--fa: "\e55e";
}
.fa-plug-circle-plus {
--fa: "\e55f";
}
.fa-plug-circle-xmark {
--fa: "\e560";
}
.fa-ranking-star {
--fa: "\e561";
}
.fa-road-barrier {
--fa: "\e562";
}
.fa-road-bridge {
--fa: "\e563";
}
.fa-road-circle-check {
--fa: "\e564";
}
.fa-road-circle-exclamation {
--fa: "\e565";
}
.fa-road-circle-xmark {
--fa: "\e566";
}
.fa-road-lock {
--fa: "\e567";
}
.fa-road-spikes {
--fa: "\e568";
}
.fa-rug {
--fa: "\e569";
}
.fa-sack-xmark {
--fa: "\e56a";
}
.fa-school-circle-check {
--fa: "\e56b";
}
.fa-school-circle-exclamation {
--fa: "\e56c";
}
.fa-school-circle-xmark {
--fa: "\e56d";
}
.fa-school-flag {
--fa: "\e56e";
}
.fa-school-lock {
--fa: "\e56f";
}
.fa-sheet-plastic {
--fa: "\e571";
}
.fa-shield-cat {
--fa: "\e572";
}
.fa-shield-dog {
--fa: "\e573";
}
.fa-shield-heart {
--fa: "\e574";
}
.fa-square-nfi {
--fa: "\e576";
}
.fa-square-person-confined {
--fa: "\e577";
}
.fa-square-virus {
--fa: "\e578";
}
.fa-staff-snake {
--fa: "\e579";
}
.fa-rod-asclepius {
--fa: "\e579";
}
.fa-rod-snake {
--fa: "\e579";
}
.fa-staff-aesculapius {
--fa: "\e579";
}
.fa-sun-plant-wilt {
--fa: "\e57a";
}
.fa-tarp {
--fa: "\e57b";
}
.fa-tarp-droplet {
--fa: "\e57c";
}
.fa-tent {
--fa: "\e57d";
}
.fa-tent-arrow-down-to-line {
--fa: "\e57e";
}
.fa-tent-arrow-left-right {
--fa: "\e57f";
}
.fa-tent-arrow-turn-left {
--fa: "\e580";
}
.fa-tent-arrows-down {
--fa: "\e581";
}
.fa-tents {
--fa: "\e582";
}
.fa-toilet-portable {
--fa: "\e583";
}
.fa-toilets-portable {
--fa: "\e584";
}
.fa-tower-cell {
--fa: "\e585";
}
.fa-tower-observation {
--fa: "\e586";
}
.fa-tree-city {
--fa: "\e587";
}
.fa-trowel {
--fa: "\e589";
}
.fa-trowel-bricks {
--fa: "\e58a";
}
.fa-truck-arrow-right {
--fa: "\e58b";
}
.fa-truck-droplet {
--fa: "\e58c";
}
.fa-truck-field {
--fa: "\e58d";
}
.fa-truck-field-un {
--fa: "\e58e";
}
.fa-truck-plane {
--fa: "\e58f";
}
.fa-users-between-lines {
--fa: "\e591";
}
.fa-users-line {
--fa: "\e592";
}
.fa-users-rays {
--fa: "\e593";
}
.fa-users-rectangle {
--fa: "\e594";
}
.fa-users-viewfinder {
--fa: "\e595";
}
.fa-vial-circle-check {
--fa: "\e596";
}
.fa-vial-virus {
--fa: "\e597";
}
.fa-wheat-awn-circle-exclamation {
--fa: "\e598";
}
.fa-worm {
--fa: "\e599";
}
.fa-xmarks-lines {
--fa: "\e59a";
}
.fa-child-dress {
--fa: "\e59c";
}
.fa-child-reaching {
--fa: "\e59d";
}
.fa-file-circle-check {
--fa: "\e5a0";
}
.fa-file-circle-xmark {
--fa: "\e5a1";
}
.fa-person-through-window {
--fa: "\e5a9";
}
.fa-plant-wilt {
--fa: "\e5aa";
}
.fa-stapler {
--fa: "\e5af";
}
.fa-train-tram {
--fa: "\e5b4";
}
.fa-table-cells-column-lock {
--fa: "\e678";
}
.fa-table-cells-row-lock {
--fa: "\e67a";
}
.fa-web-awesome {
--fa: "\e682";
}
.fa-thumbtack-slash {
--fa: "\e68f";
}
.fa-thumb-tack-slash {
--fa: "\e68f";
}
.fa-table-cells-row-unlock {
--fa: "\e691";
}
.fa-chart-diagram {
--fa: "\e695";
}
.fa-comment-nodes {
--fa: "\e696";
}
.fa-file-fragment {
--fa: "\e697";
}
.fa-file-half-dashed {
--fa: "\e698";
}
.fa-hexagon-nodes {
--fa: "\e699";
}
.fa-hexagon-nodes-bolt {
--fa: "\e69a";
}
.fa-square-binary {
--fa: "\e69b";
}
.fa-pentagon {
--fa: "\e790";
}
.fa-non-binary {
--fa: "\e807";
}
.fa-spiral {
--fa: "\e80a";
}
.fa-picture-in-picture {
--fa: "\e80b";
}
.fa-mobile-vibrate {
--fa: "\e816";
}
.fa-single-quote-left {
--fa: "\e81b";
}
.fa-single-quote-right {
--fa: "\e81c";
}
.fa-bus-side {
--fa: "\e81d";
}
.fa-septagon {
--fa: "\e820";
}
.fa-heptagon {
--fa: "\e820";
}
.fa-aquarius {
--fa: "\e845";
}
.fa-aries {
--fa: "\e846";
}
.fa-cancer {
--fa: "\e847";
}
.fa-capricorn {
--fa: "\e848";
}
.fa-gemini {
--fa: "\e849";
}
.fa-leo {
--fa: "\e84a";
}
.fa-libra {
--fa: "\e84b";
}
.fa-pisces {
--fa: "\e84c";
}
.fa-sagittarius {
--fa: "\e84d";
}
.fa-scorpio {
--fa: "\e84e";
}
.fa-taurus {
--fa: "\e84f";
}
.fa-virgo {
--fa: "\e850";
}
.fa-martini-glass-empty {
--fa: "\f000";
}
.fa-glass-martini {
--fa: "\f000";
}
.fa-music {
--fa: "\f001";
}
.fa-magnifying-glass {
--fa: "\f002";
}
.fa-search {
--fa: "\f002";
}
.fa-heart {
--fa: "\f004";
}
.fa-star {
--fa: "\f005";
}
.fa-user {
--fa: "\f007";
}
.fa-user-alt {
--fa: "\f007";
}
.fa-user-large {
--fa: "\f007";
}
.fa-film {
--fa: "\f008";
}
.fa-film-alt {
--fa: "\f008";
}
.fa-film-simple {
--fa: "\f008";
}
.fa-table-cells-large {
--fa: "\f009";
}
.fa-th-large {
--fa: "\f009";
}
.fa-table-cells {
--fa: "\f00a";
}
.fa-th {
--fa: "\f00a";
}
.fa-table-list {
--fa: "\f00b";
}
.fa-th-list {
--fa: "\f00b";
}
.fa-check {
--fa: "\f00c";
}
.fa-xmark {
--fa: "\f00d";
}
.fa-close {
--fa: "\f00d";
}
.fa-multiply {
--fa: "\f00d";
}
.fa-remove {
--fa: "\f00d";
}
.fa-times {
--fa: "\f00d";
}
.fa-magnifying-glass-plus {
--fa: "\f00e";
}
.fa-search-plus {
--fa: "\f00e";
}
.fa-magnifying-glass-minus {
--fa: "\f010";
}
.fa-search-minus {
--fa: "\f010";
}
.fa-power-off {
--fa: "\f011";
}
.fa-signal {
--fa: "\f012";
}
.fa-signal-5 {
--fa: "\f012";
}
.fa-signal-perfect {
--fa: "\f012";
}
.fa-gear {
--fa: "\f013";
}
.fa-cog {
--fa: "\f013";
}
.fa-house {
--fa: "\f015";
}
.fa-home {
--fa: "\f015";
}
.fa-home-alt {
--fa: "\f015";
}
.fa-home-lg-alt {
--fa: "\f015";
}
.fa-clock {
--fa: "\f017";
}
.fa-clock-four {
--fa: "\f017";
}
.fa-road {
--fa: "\f018";
}
.fa-download {
--fa: "\f019";
}
.fa-inbox {
--fa: "\f01c";
}
.fa-arrow-rotate-right {
--fa: "\f01e";
}
.fa-arrow-right-rotate {
--fa: "\f01e";
}
.fa-arrow-rotate-forward {
--fa: "\f01e";
}
.fa-redo {
--fa: "\f01e";
}
.fa-arrows-rotate {
--fa: "\f021";
}
.fa-refresh {
--fa: "\f021";
}
.fa-sync {
--fa: "\f021";
}
.fa-rectangle-list {
--fa: "\f022";
}
.fa-list-alt {
--fa: "\f022";
}
.fa-lock {
--fa: "\f023";
}
.fa-flag {
--fa: "\f024";
}
.fa-headphones {
--fa: "\f025";
}
.fa-headphones-alt {
--fa: "\f025";
}
.fa-headphones-simple {
--fa: "\f025";
}
.fa-volume-off {
--fa: "\f026";
}
.fa-volume-low {
--fa: "\f027";
}
.fa-volume-down {
--fa: "\f027";
}
.fa-volume-high {
--fa: "\f028";
}
.fa-volume-up {
--fa: "\f028";
}
.fa-qrcode {
--fa: "\f029";
}
.fa-barcode {
--fa: "\f02a";
}
.fa-tag {
--fa: "\f02b";
}
.fa-tags {
--fa: "\f02c";
}
.fa-book {
--fa: "\f02d";
}
.fa-bookmark {
--fa: "\f02e";
}
.fa-print {
--fa: "\f02f";
}
.fa-camera {
--fa: "\f030";
}
.fa-camera-alt {
--fa: "\f030";
}
.fa-font {
--fa: "\f031";
}
.fa-bold {
--fa: "\f032";
}
.fa-italic {
--fa: "\f033";
}
.fa-text-height {
--fa: "\f034";
}
.fa-text-width {
--fa: "\f035";
}
.fa-align-left {
--fa: "\f036";
}
.fa-align-center {
--fa: "\f037";
}
.fa-align-right {
--fa: "\f038";
}
.fa-align-justify {
--fa: "\f039";
}
.fa-list {
--fa: "\f03a";
}
.fa-list-squares {
--fa: "\f03a";
}
.fa-outdent {
--fa: "\f03b";
}
.fa-dedent {
--fa: "\f03b";
}
.fa-indent {
--fa: "\f03c";
}
.fa-video {
--fa: "\f03d";
}
.fa-video-camera {
--fa: "\f03d";
}
.fa-image {
--fa: "\f03e";
}
.fa-location-pin {
--fa: "\f041";
}
.fa-map-marker {
--fa: "\f041";
}
.fa-circle-half-stroke {
--fa: "\f042";
}
.fa-adjust {
--fa: "\f042";
}
.fa-droplet {
--fa: "\f043";
}
.fa-tint {
--fa: "\f043";
}
.fa-pen-to-square {
--fa: "\f044";
}
.fa-edit {
--fa: "\f044";
}
.fa-arrows-up-down-left-right {
--fa: "\f047";
}
.fa-arrows {
--fa: "\f047";
}
.fa-backward-step {
--fa: "\f048";
}
.fa-step-backward {
--fa: "\f048";
}
.fa-backward-fast {
--fa: "\f049";
}
.fa-fast-backward {
--fa: "\f049";
}
.fa-backward {
--fa: "\f04a";
}
.fa-play {
--fa: "\f04b";
}
.fa-pause {
--fa: "\f04c";
}
.fa-stop {
--fa: "\f04d";
}
.fa-forward {
--fa: "\f04e";
}
.fa-forward-fast {
--fa: "\f050";
}
.fa-fast-forward {
--fa: "\f050";
}
.fa-forward-step {
--fa: "\f051";
}
.fa-step-forward {
--fa: "\f051";
}
.fa-eject {
--fa: "\f052";
}
.fa-chevron-left {
--fa: "\f053";
}
.fa-chevron-right {
--fa: "\f054";
}
.fa-circle-plus {
--fa: "\f055";
}
.fa-plus-circle {
--fa: "\f055";
}
.fa-circle-minus {
--fa: "\f056";
}
.fa-minus-circle {
--fa: "\f056";
}
.fa-circle-xmark {
--fa: "\f057";
}
.fa-times-circle {
--fa: "\f057";
}
.fa-xmark-circle {
--fa: "\f057";
}
.fa-circle-check {
--fa: "\f058";
}
.fa-check-circle {
--fa: "\f058";
}
.fa-circle-question {
--fa: "\f059";
}
.fa-question-circle {
--fa: "\f059";
}
.fa-circle-info {
--fa: "\f05a";
}
.fa-info-circle {
--fa: "\f05a";
}
.fa-crosshairs {
--fa: "\f05b";
}
.fa-ban {
--fa: "\f05e";
}
.fa-cancel {
--fa: "\f05e";
}
.fa-arrow-left {
--fa: "\f060";
}
.fa-arrow-right {
--fa: "\f061";
}
.fa-arrow-up {
--fa: "\f062";
}
.fa-arrow-down {
--fa: "\f063";
}
.fa-share {
--fa: "\f064";
}
.fa-mail-forward {
--fa: "\f064";
}
.fa-expand {
--fa: "\f065";
}
.fa-compress {
--fa: "\f066";
}
.fa-minus {
--fa: "\f068";
}
.fa-subtract {
--fa: "\f068";
}
.fa-circle-exclamation {
--fa: "\f06a";
}
.fa-exclamation-circle {
--fa: "\f06a";
}
.fa-gift {
--fa: "\f06b";
}
.fa-leaf {
--fa: "\f06c";
}
.fa-fire {
--fa: "\f06d";
}
.fa-eye {
--fa: "\f06e";
}
.fa-eye-slash {
--fa: "\f070";
}
.fa-triangle-exclamation {
--fa: "\f071";
}
.fa-exclamation-triangle {
--fa: "\f071";
}
.fa-warning {
--fa: "\f071";
}
.fa-plane {
--fa: "\f072";
}
.fa-calendar-days {
--fa: "\f073";
}
.fa-calendar-alt {
--fa: "\f073";
}
.fa-shuffle {
--fa: "\f074";
}
.fa-random {
--fa: "\f074";
}
.fa-comment {
--fa: "\f075";
}
.fa-magnet {
--fa: "\f076";
}
.fa-chevron-up {
--fa: "\f077";
}
.fa-chevron-down {
--fa: "\f078";
}
.fa-retweet {
--fa: "\f079";
}
.fa-cart-shopping {
--fa: "\f07a";
}
.fa-shopping-cart {
--fa: "\f07a";
}
.fa-folder {
--fa: "\f07b";
}
.fa-folder-blank {
--fa: "\f07b";
}
.fa-folder-open {
--fa: "\f07c";
}
.fa-arrows-up-down {
--fa: "\f07d";
}
.fa-arrows-v {
--fa: "\f07d";
}
.fa-arrows-left-right {
--fa: "\f07e";
}
.fa-arrows-h {
--fa: "\f07e";
}
.fa-chart-bar {
--fa: "\f080";
}
.fa-bar-chart {
--fa: "\f080";
}
.fa-camera-retro {
--fa: "\f083";
}
.fa-key {
--fa: "\f084";
}
.fa-gears {
--fa: "\f085";
}
.fa-cogs {
--fa: "\f085";
}
.fa-comments {
--fa: "\f086";
}
.fa-star-half {
--fa: "\f089";
}
.fa-arrow-right-from-bracket {
--fa: "\f08b";
}
.fa-sign-out {
--fa: "\f08b";
}
.fa-thumbtack {
--fa: "\f08d";
}
.fa-thumb-tack {
--fa: "\f08d";
}
.fa-arrow-up-right-from-square {
--fa: "\f08e";
}
.fa-external-link {
--fa: "\f08e";
}
.fa-arrow-right-to-bracket {
--fa: "\f090";
}
.fa-sign-in {
--fa: "\f090";
}
.fa-trophy {
--fa: "\f091";
}
.fa-upload {
--fa: "\f093";
}
.fa-lemon {
--fa: "\f094";
}
.fa-phone {
--fa: "\f095";
}
.fa-square-phone {
--fa: "\f098";
}
.fa-phone-square {
--fa: "\f098";
}
.fa-unlock {
--fa: "\f09c";
}
.fa-credit-card {
--fa: "\f09d";
}
.fa-credit-card-alt {
--fa: "\f09d";
}
.fa-rss {
--fa: "\f09e";
}
.fa-feed {
--fa: "\f09e";
}
.fa-hard-drive {
--fa: "\f0a0";
}
.fa-hdd {
--fa: "\f0a0";
}
.fa-bullhorn {
--fa: "\f0a1";
}
.fa-certificate {
--fa: "\f0a3";
}
.fa-hand-point-right {
--fa: "\f0a4";
}
.fa-hand-point-left {
--fa: "\f0a5";
}
.fa-hand-point-up {
--fa: "\f0a6";
}
.fa-hand-point-down {
--fa: "\f0a7";
}
.fa-circle-arrow-left {
--fa: "\f0a8";
}
.fa-arrow-circle-left {
--fa: "\f0a8";
}
.fa-circle-arrow-right {
--fa: "\f0a9";
}
.fa-arrow-circle-right {
--fa: "\f0a9";
}
.fa-circle-arrow-up {
--fa: "\f0aa";
}
.fa-arrow-circle-up {
--fa: "\f0aa";
}
.fa-circle-arrow-down {
--fa: "\f0ab";
}
.fa-arrow-circle-down {
--fa: "\f0ab";
}
.fa-globe {
--fa: "\f0ac";
}
.fa-wrench {
--fa: "\f0ad";
}
.fa-list-check {
--fa: "\f0ae";
}
.fa-tasks {
--fa: "\f0ae";
}
.fa-filter {
--fa: "\f0b0";
}
.fa-briefcase {
--fa: "\f0b1";
}
.fa-up-down-left-right {
--fa: "\f0b2";
}
.fa-arrows-alt {
--fa: "\f0b2";
}
.fa-users {
--fa: "\f0c0";
}
.fa-link {
--fa: "\f0c1";
}
.fa-chain {
--fa: "\f0c1";
}
.fa-cloud {
--fa: "\f0c2";
}
.fa-flask {
--fa: "\f0c3";
}
.fa-scissors {
--fa: "\f0c4";
}
.fa-cut {
--fa: "\f0c4";
}
.fa-copy {
--fa: "\f0c5";
}
.fa-paperclip {
--fa: "\f0c6";
}
.fa-floppy-disk {
--fa: "\f0c7";
}
.fa-save {
--fa: "\f0c7";
}
.fa-square {
--fa: "\f0c8";
}
.fa-bars {
--fa: "\f0c9";
}
.fa-navicon {
--fa: "\f0c9";
}
.fa-list-ul {
--fa: "\f0ca";
}
.fa-list-dots {
--fa: "\f0ca";
}
.fa-list-ol {
--fa: "\f0cb";
}
.fa-list-1-2 {
--fa: "\f0cb";
}
.fa-list-numeric {
--fa: "\f0cb";
}
.fa-strikethrough {
--fa: "\f0cc";
}
.fa-underline {
--fa: "\f0cd";
}
.fa-table {
--fa: "\f0ce";
}
.fa-wand-magic {
--fa: "\f0d0";
}
.fa-magic {
--fa: "\f0d0";
}
.fa-truck {
--fa: "\f0d1";
}
.fa-money-bill {
--fa: "\f0d6";
}
.fa-caret-down {
--fa: "\f0d7";
}
.fa-caret-up {
--fa: "\f0d8";
}
.fa-caret-left {
--fa: "\f0d9";
}
.fa-caret-right {
--fa: "\f0da";
}
.fa-table-columns {
--fa: "\f0db";
}
.fa-columns {
--fa: "\f0db";
}
.fa-sort {
--fa: "\f0dc";
}
.fa-unsorted {
--fa: "\f0dc";
}
.fa-sort-down {
--fa: "\f0dd";
}
.fa-sort-desc {
--fa: "\f0dd";
}
.fa-sort-up {
--fa: "\f0de";
}
.fa-sort-asc {
--fa: "\f0de";
}
.fa-envelope {
--fa: "\f0e0";
}
.fa-arrow-rotate-left {
--fa: "\f0e2";
}
.fa-arrow-left-rotate {
--fa: "\f0e2";
}
.fa-arrow-rotate-back {
--fa: "\f0e2";
}
.fa-arrow-rotate-backward {
--fa: "\f0e2";
}
.fa-undo {
--fa: "\f0e2";
}
.fa-gavel {
--fa: "\f0e3";
}
.fa-legal {
--fa: "\f0e3";
}
.fa-bolt {
--fa: "\f0e7";
}
.fa-zap {
--fa: "\f0e7";
}
.fa-sitemap {
--fa: "\f0e8";
}
.fa-umbrella {
--fa: "\f0e9";
}
.fa-paste {
--fa: "\f0ea";
}
.fa-file-clipboard {
--fa: "\f0ea";
}
.fa-lightbulb {
--fa: "\f0eb";
}
.fa-arrow-right-arrow-left {
--fa: "\f0ec";
}
.fa-exchange {
--fa: "\f0ec";
}
.fa-cloud-arrow-down {
--fa: "\f0ed";
}
.fa-cloud-download {
--fa: "\f0ed";
}
.fa-cloud-download-alt {
--fa: "\f0ed";
}
.fa-cloud-arrow-up {
--fa: "\f0ee";
}
.fa-cloud-upload {
--fa: "\f0ee";
}
.fa-cloud-upload-alt {
--fa: "\f0ee";
}
.fa-user-doctor {
--fa: "\f0f0";
}
.fa-user-md {
--fa: "\f0f0";
}
.fa-stethoscope {
--fa: "\f0f1";
}
.fa-suitcase {
--fa: "\f0f2";
}
.fa-bell {
--fa: "\f0f3";
}
.fa-mug-saucer {
--fa: "\f0f4";
}
.fa-coffee {
--fa: "\f0f4";
}
.fa-hospital {
--fa: "\f0f8";
}
.fa-hospital-alt {
--fa: "\f0f8";
}
.fa-hospital-wide {
--fa: "\f0f8";
}
.fa-truck-medical {
--fa: "\f0f9";
}
.fa-ambulance {
--fa: "\f0f9";
}
.fa-suitcase-medical {
--fa: "\f0fa";
}
.fa-medkit {
--fa: "\f0fa";
}
.fa-jet-fighter {
--fa: "\f0fb";
}
.fa-fighter-jet {
--fa: "\f0fb";
}
.fa-beer-mug-empty {
--fa: "\f0fc";
}
.fa-beer {
--fa: "\f0fc";
}
.fa-square-h {
--fa: "\f0fd";
}
.fa-h-square {
--fa: "\f0fd";
}
.fa-square-plus {
--fa: "\f0fe";
}
.fa-plus-square {
--fa: "\f0fe";
}
.fa-angles-left {
--fa: "\f100";
}
.fa-angle-double-left {
--fa: "\f100";
}
.fa-angles-right {
--fa: "\f101";
}
.fa-angle-double-right {
--fa: "\f101";
}
.fa-angles-up {
--fa: "\f102";
}
.fa-angle-double-up {
--fa: "\f102";
}
.fa-angles-down {
--fa: "\f103";
}
.fa-angle-double-down {
--fa: "\f103";
}
.fa-angle-left {
--fa: "\f104";
}
.fa-angle-right {
--fa: "\f105";
}
.fa-angle-up {
--fa: "\f106";
}
.fa-angle-down {
--fa: "\f107";
}
.fa-laptop {
--fa: "\f109";
}
.fa-tablet-button {
--fa: "\f10a";
}
.fa-mobile-button {
--fa: "\f10b";
}
.fa-quote-left {
--fa: "\f10d";
}
.fa-quote-left-alt {
--fa: "\f10d";
}
.fa-quote-right {
--fa: "\f10e";
}
.fa-quote-right-alt {
--fa: "\f10e";
}
.fa-spinner {
--fa: "\f110";
}
.fa-circle {
--fa: "\f111";
}
.fa-face-smile {
--fa: "\f118";
}
.fa-smile {
--fa: "\f118";
}
.fa-face-frown {
--fa: "\f119";
}
.fa-frown {
--fa: "\f119";
}
.fa-face-meh {
--fa: "\f11a";
}
.fa-meh {
--fa: "\f11a";
}
.fa-gamepad {
--fa: "\f11b";
}
.fa-keyboard {
--fa: "\f11c";
}
.fa-flag-checkered {
--fa: "\f11e";
}
.fa-terminal {
--fa: "\f120";
}
.fa-code {
--fa: "\f121";
}
.fa-reply-all {
--fa: "\f122";
}
.fa-mail-reply-all {
--fa: "\f122";
}
.fa-location-arrow {
--fa: "\f124";
}
.fa-crop {
--fa: "\f125";
}
.fa-code-branch {
--fa: "\f126";
}
.fa-link-slash {
--fa: "\f127";
}
.fa-chain-broken {
--fa: "\f127";
}
.fa-chain-slash {
--fa: "\f127";
}
.fa-unlink {
--fa: "\f127";
}
.fa-info {
--fa: "\f129";
}
.fa-superscript {
--fa: "\f12b";
}
.fa-subscript {
--fa: "\f12c";
}
.fa-eraser {
--fa: "\f12d";
}
.fa-puzzle-piece {
--fa: "\f12e";
}
.fa-microphone {
--fa: "\f130";
}
.fa-microphone-slash {
--fa: "\f131";
}
.fa-shield {
--fa: "\f132";
}
.fa-shield-blank {
--fa: "\f132";
}
.fa-calendar {
--fa: "\f133";
}
.fa-fire-extinguisher {
--fa: "\f134";
}
.fa-rocket {
--fa: "\f135";
}
.fa-circle-chevron-left {
--fa: "\f137";
}
.fa-chevron-circle-left {
--fa: "\f137";
}
.fa-circle-chevron-right {
--fa: "\f138";
}
.fa-chevron-circle-right {
--fa: "\f138";
}
.fa-circle-chevron-up {
--fa: "\f139";
}
.fa-chevron-circle-up {
--fa: "\f139";
}
.fa-circle-chevron-down {
--fa: "\f13a";
}
.fa-chevron-circle-down {
--fa: "\f13a";
}
.fa-anchor {
--fa: "\f13d";
}
.fa-unlock-keyhole {
--fa: "\f13e";
}
.fa-unlock-alt {
--fa: "\f13e";
}
.fa-bullseye {
--fa: "\f140";
}
.fa-ellipsis {
--fa: "\f141";
}
.fa-ellipsis-h {
--fa: "\f141";
}
.fa-ellipsis-vertical {
--fa: "\f142";
}
.fa-ellipsis-v {
--fa: "\f142";
}
.fa-square-rss {
--fa: "\f143";
}
.fa-rss-square {
--fa: "\f143";
}
.fa-circle-play {
--fa: "\f144";
}
.fa-play-circle {
--fa: "\f144";
}
.fa-ticket {
--fa: "\f145";
}
.fa-square-minus {
--fa: "\f146";
}
.fa-minus-square {
--fa: "\f146";
}
.fa-arrow-turn-up {
--fa: "\f148";
}
.fa-level-up {
--fa: "\f148";
}
.fa-arrow-turn-down {
--fa: "\f149";
}
.fa-level-down {
--fa: "\f149";
}
.fa-square-check {
--fa: "\f14a";
}
.fa-check-square {
--fa: "\f14a";
}
.fa-square-pen {
--fa: "\f14b";
}
.fa-pen-square {
--fa: "\f14b";
}
.fa-pencil-square {
--fa: "\f14b";
}
.fa-square-arrow-up-right {
--fa: "\f14c";
}
.fa-external-link-square {
--fa: "\f14c";
}
.fa-share-from-square {
--fa: "\f14d";
}
.fa-share-square {
--fa: "\f14d";
}
.fa-compass {
--fa: "\f14e";
}
.fa-square-caret-down {
--fa: "\f150";
}
.fa-caret-square-down {
--fa: "\f150";
}
.fa-square-caret-up {
--fa: "\f151";
}
.fa-caret-square-up {
--fa: "\f151";
}
.fa-square-caret-right {
--fa: "\f152";
}
.fa-caret-square-right {
--fa: "\f152";
}
.fa-euro-sign {
--fa: "\f153";
}
.fa-eur {
--fa: "\f153";
}
.fa-euro {
--fa: "\f153";
}
.fa-sterling-sign {
--fa: "\f154";
}
.fa-gbp {
--fa: "\f154";
}
.fa-pound-sign {
--fa: "\f154";
}
.fa-rupee-sign {
--fa: "\f156";
}
.fa-rupee {
--fa: "\f156";
}
.fa-yen-sign {
--fa: "\f157";
}
.fa-cny {
--fa: "\f157";
}
.fa-jpy {
--fa: "\f157";
}
.fa-rmb {
--fa: "\f157";
}
.fa-yen {
--fa: "\f157";
}
.fa-ruble-sign {
--fa: "\f158";
}
.fa-rouble {
--fa: "\f158";
}
.fa-rub {
--fa: "\f158";
}
.fa-ruble {
--fa: "\f158";
}
.fa-won-sign {
--fa: "\f159";
}
.fa-krw {
--fa: "\f159";
}
.fa-won {
--fa: "\f159";
}
.fa-file {
--fa: "\f15b";
}
.fa-file-lines {
--fa: "\f15c";
}
.fa-file-alt {
--fa: "\f15c";
}
.fa-file-text {
--fa: "\f15c";
}
.fa-arrow-down-a-z {
--fa: "\f15d";
}
.fa-sort-alpha-asc {
--fa: "\f15d";
}
.fa-sort-alpha-down {
--fa: "\f15d";
}
.fa-arrow-up-a-z {
--fa: "\f15e";
}
.fa-sort-alpha-up {
--fa: "\f15e";
}
.fa-arrow-down-wide-short {
--fa: "\f160";
}
.fa-sort-amount-asc {
--fa: "\f160";
}
.fa-sort-amount-down {
--fa: "\f160";
}
.fa-arrow-up-wide-short {
--fa: "\f161";
}
.fa-sort-amount-up {
--fa: "\f161";
}
.fa-arrow-down-1-9 {
--fa: "\f162";
}
.fa-sort-numeric-asc {
--fa: "\f162";
}
.fa-sort-numeric-down {
--fa: "\f162";
}
.fa-arrow-up-1-9 {
--fa: "\f163";
}
.fa-sort-numeric-up {
--fa: "\f163";
}
.fa-thumbs-up {
--fa: "\f164";
}
.fa-thumbs-down {
--fa: "\f165";
}
.fa-arrow-down-long {
--fa: "\f175";
}
.fa-long-arrow-down {
--fa: "\f175";
}
.fa-arrow-up-long {
--fa: "\f176";
}
.fa-long-arrow-up {
--fa: "\f176";
}
.fa-arrow-left-long {
--fa: "\f177";
}
.fa-long-arrow-left {
--fa: "\f177";
}
.fa-arrow-right-long {
--fa: "\f178";
}
.fa-long-arrow-right {
--fa: "\f178";
}
.fa-person-dress {
--fa: "\f182";
}
.fa-female {
--fa: "\f182";
}
.fa-person {
--fa: "\f183";
}
.fa-male {
--fa: "\f183";
}
.fa-sun {
--fa: "\f185";
}
.fa-moon {
--fa: "\f186";
}
.fa-box-archive {
--fa: "\f187";
}
.fa-archive {
--fa: "\f187";
}
.fa-bug {
--fa: "\f188";
}
.fa-square-caret-left {
--fa: "\f191";
}
.fa-caret-square-left {
--fa: "\f191";
}
.fa-circle-dot {
--fa: "\f192";
}
.fa-dot-circle {
--fa: "\f192";
}
.fa-wheelchair {
--fa: "\f193";
}
.fa-lira-sign {
--fa: "\f195";
}
.fa-shuttle-space {
--fa: "\f197";
}
.fa-space-shuttle {
--fa: "\f197";
}
.fa-square-envelope {
--fa: "\f199";
}
.fa-envelope-square {
--fa: "\f199";
}
.fa-building-columns {
--fa: "\f19c";
}
.fa-bank {
--fa: "\f19c";
}
.fa-institution {
--fa: "\f19c";
}
.fa-museum {
--fa: "\f19c";
}
.fa-university {
--fa: "\f19c";
}
.fa-graduation-cap {
--fa: "\f19d";
}
.fa-mortar-board {
--fa: "\f19d";
}
.fa-language {
--fa: "\f1ab";
}
.fa-fax {
--fa: "\f1ac";
}
.fa-building {
--fa: "\f1ad";
}
.fa-child {
--fa: "\f1ae";
}
.fa-paw {
--fa: "\f1b0";
}
.fa-cube {
--fa: "\f1b2";
}
.fa-cubes {
--fa: "\f1b3";
}
.fa-recycle {
--fa: "\f1b8";
}
.fa-car {
--fa: "\f1b9";
}
.fa-automobile {
--fa: "\f1b9";
}
.fa-taxi {
--fa: "\f1ba";
}
.fa-cab {
--fa: "\f1ba";
}
.fa-tree {
--fa: "\f1bb";
}
.fa-database {
--fa: "\f1c0";
}
.fa-file-pdf {
--fa: "\f1c1";
}
.fa-file-word {
--fa: "\f1c2";
}
.fa-file-excel {
--fa: "\f1c3";
}
.fa-file-powerpoint {
--fa: "\f1c4";
}
.fa-file-image {
--fa: "\f1c5";
}
.fa-file-zipper {
--fa: "\f1c6";
}
.fa-file-archive {
--fa: "\f1c6";
}
.fa-file-audio {
--fa: "\f1c7";
}
.fa-file-video {
--fa: "\f1c8";
}
.fa-file-code {
--fa: "\f1c9";
}
.fa-life-ring {
--fa: "\f1cd";
}
.fa-circle-notch {
--fa: "\f1ce";
}
.fa-paper-plane {
--fa: "\f1d8";
}
.fa-clock-rotate-left {
--fa: "\f1da";
}
.fa-history {
--fa: "\f1da";
}
.fa-heading {
--fa: "\f1dc";
}
.fa-header {
--fa: "\f1dc";
}
.fa-paragraph {
--fa: "\f1dd";
}
.fa-sliders {
--fa: "\f1de";
}
.fa-sliders-h {
--fa: "\f1de";
}
.fa-share-nodes {
--fa: "\f1e0";
}
.fa-share-alt {
--fa: "\f1e0";
}
.fa-square-share-nodes {
--fa: "\f1e1";
}
.fa-share-alt-square {
--fa: "\f1e1";
}
.fa-bomb {
--fa: "\f1e2";
}
.fa-futbol {
--fa: "\f1e3";
}
.fa-futbol-ball {
--fa: "\f1e3";
}
.fa-soccer-ball {
--fa: "\f1e3";
}
.fa-tty {
--fa: "\f1e4";
}
.fa-teletype {
--fa: "\f1e4";
}
.fa-binoculars {
--fa: "\f1e5";
}
.fa-plug {
--fa: "\f1e6";
}
.fa-newspaper {
--fa: "\f1ea";
}
.fa-wifi {
--fa: "\f1eb";
}
.fa-wifi-3 {
--fa: "\f1eb";
}
.fa-wifi-strong {
--fa: "\f1eb";
}
.fa-calculator {
--fa: "\f1ec";
}
.fa-bell-slash {
--fa: "\f1f6";
}
.fa-trash {
--fa: "\f1f8";
}
.fa-copyright {
--fa: "\f1f9";
}
.fa-eye-dropper {
--fa: "\f1fb";
}
.fa-eye-dropper-empty {
--fa: "\f1fb";
}
.fa-eyedropper {
--fa: "\f1fb";
}
.fa-paintbrush {
--fa: "\f1fc";
}
.fa-paint-brush {
--fa: "\f1fc";
}
.fa-cake-candles {
--fa: "\f1fd";
}
.fa-birthday-cake {
--fa: "\f1fd";
}
.fa-cake {
--fa: "\f1fd";
}
.fa-chart-area {
--fa: "\f1fe";
}
.fa-area-chart {
--fa: "\f1fe";
}
.fa-chart-pie {
--fa: "\f200";
}
.fa-pie-chart {
--fa: "\f200";
}
.fa-chart-line {
--fa: "\f201";
}
.fa-line-chart {
--fa: "\f201";
}
.fa-toggle-off {
--fa: "\f204";
}
.fa-toggle-on {
--fa: "\f205";
}
.fa-bicycle {
--fa: "\f206";
}
.fa-bus {
--fa: "\f207";
}
.fa-closed-captioning {
--fa: "\f20a";
}
.fa-shekel-sign {
--fa: "\f20b";
}
.fa-ils {
--fa: "\f20b";
}
.fa-shekel {
--fa: "\f20b";
}
.fa-sheqel {
--fa: "\f20b";
}
.fa-sheqel-sign {
--fa: "\f20b";
}
.fa-cart-plus {
--fa: "\f217";
}
.fa-cart-arrow-down {
--fa: "\f218";
}
.fa-diamond {
--fa: "\f219";
}
.fa-ship {
--fa: "\f21a";
}
.fa-user-secret {
--fa: "\f21b";
}
.fa-motorcycle {
--fa: "\f21c";
}
.fa-street-view {
--fa: "\f21d";
}
.fa-heart-pulse {
--fa: "\f21e";
}
.fa-heartbeat {
--fa: "\f21e";
}
.fa-venus {
--fa: "\f221";
}
.fa-mars {
--fa: "\f222";
}
.fa-mercury {
--fa: "\f223";
}
.fa-mars-and-venus {
--fa: "\f224";
}
.fa-transgender {
--fa: "\f225";
}
.fa-transgender-alt {
--fa: "\f225";
}
.fa-venus-double {
--fa: "\f226";
}
.fa-mars-double {
--fa: "\f227";
}
.fa-venus-mars {
--fa: "\f228";
}
.fa-mars-stroke {
--fa: "\f229";
}
.fa-mars-stroke-up {
--fa: "\f22a";
}
.fa-mars-stroke-v {
--fa: "\f22a";
}
.fa-mars-stroke-right {
--fa: "\f22b";
}
.fa-mars-stroke-h {
--fa: "\f22b";
}
.fa-neuter {
--fa: "\f22c";
}
.fa-genderless {
--fa: "\f22d";
}
.fa-server {
--fa: "\f233";
}
.fa-user-plus {
--fa: "\f234";
}
.fa-user-xmark {
--fa: "\f235";
}
.fa-user-times {
--fa: "\f235";
}
.fa-bed {
--fa: "\f236";
}
.fa-train {
--fa: "\f238";
}
.fa-train-subway {
--fa: "\f239";
}
.fa-subway {
--fa: "\f239";
}
.fa-battery-full {
--fa: "\f240";
}
.fa-battery {
--fa: "\f240";
}
.fa-battery-5 {
--fa: "\f240";
}
.fa-battery-three-quarters {
--fa: "\f241";
}
.fa-battery-4 {
--fa: "\f241";
}
.fa-battery-half {
--fa: "\f242";
}
.fa-battery-3 {
--fa: "\f242";
}
.fa-battery-quarter {
--fa: "\f243";
}
.fa-battery-2 {
--fa: "\f243";
}
.fa-battery-empty {
--fa: "\f244";
}
.fa-battery-0 {
--fa: "\f244";
}
.fa-arrow-pointer {
--fa: "\f245";
}
.fa-mouse-pointer {
--fa: "\f245";
}
.fa-i-cursor {
--fa: "\f246";
}
.fa-object-group {
--fa: "\f247";
}
.fa-object-ungroup {
--fa: "\f248";
}
.fa-note-sticky {
--fa: "\f249";
}
.fa-sticky-note {
--fa: "\f249";
}
.fa-clone {
--fa: "\f24d";
}
.fa-scale-balanced {
--fa: "\f24e";
}
.fa-balance-scale {
--fa: "\f24e";
}
.fa-hourglass-start {
--fa: "\f251";
}
.fa-hourglass-1 {
--fa: "\f251";
}
.fa-hourglass-half {
--fa: "\f252";
}
.fa-hourglass-2 {
--fa: "\f252";
}
.fa-hourglass-end {
--fa: "\f253";
}
.fa-hourglass-3 {
--fa: "\f253";
}
.fa-hourglass {
--fa: "\f254";
}
.fa-hourglass-empty {
--fa: "\f254";
}
.fa-hand-back-fist {
--fa: "\f255";
}
.fa-hand-rock {
--fa: "\f255";
}
.fa-hand {
--fa: "\f256";
}
.fa-hand-paper {
--fa: "\f256";
}
.fa-hand-scissors {
--fa: "\f257";
}
.fa-hand-lizard {
--fa: "\f258";
}
.fa-hand-spock {
--fa: "\f259";
}
.fa-hand-pointer {
--fa: "\f25a";
}
.fa-hand-peace {
--fa: "\f25b";
}
.fa-trademark {
--fa: "\f25c";
}
.fa-registered {
--fa: "\f25d";
}
.fa-tv {
--fa: "\f26c";
}
.fa-television {
--fa: "\f26c";
}
.fa-tv-alt {
--fa: "\f26c";
}
.fa-calendar-plus {
--fa: "\f271";
}
.fa-calendar-minus {
--fa: "\f272";
}
.fa-calendar-xmark {
--fa: "\f273";
}
.fa-calendar-times {
--fa: "\f273";
}
.fa-calendar-check {
--fa: "\f274";
}
.fa-industry {
--fa: "\f275";
}
.fa-map-pin {
--fa: "\f276";
}
.fa-signs-post {
--fa: "\f277";
}
.fa-map-signs {
--fa: "\f277";
}
.fa-map {
--fa: "\f279";
}
.fa-message {
--fa: "\f27a";
}
.fa-comment-alt {
--fa: "\f27a";
}
.fa-circle-pause {
--fa: "\f28b";
}
.fa-pause-circle {
--fa: "\f28b";
}
.fa-circle-stop {
--fa: "\f28d";
}
.fa-stop-circle {
--fa: "\f28d";
}
.fa-bag-shopping {
--fa: "\f290";
}
.fa-shopping-bag {
--fa: "\f290";
}
.fa-basket-shopping {
--fa: "\f291";
}
.fa-shopping-basket {
--fa: "\f291";
}
.fa-universal-access {
--fa: "\f29a";
}
.fa-person-walking-with-cane {
--fa: "\f29d";
}
.fa-blind {
--fa: "\f29d";
}
.fa-audio-description {
--fa: "\f29e";
}
.fa-phone-volume {
--fa: "\f2a0";
}
.fa-volume-control-phone {
--fa: "\f2a0";
}
.fa-braille {
--fa: "\f2a1";
}
.fa-ear-listen {
--fa: "\f2a2";
}
.fa-assistive-listening-systems {
--fa: "\f2a2";
}
.fa-hands-asl-interpreting {
--fa: "\f2a3";
}
.fa-american-sign-language-interpreting {
--fa: "\f2a3";
}
.fa-asl-interpreting {
--fa: "\f2a3";
}
.fa-hands-american-sign-language-interpreting {
--fa: "\f2a3";
}
.fa-ear-deaf {
--fa: "\f2a4";
}
.fa-deaf {
--fa: "\f2a4";
}
.fa-deafness {
--fa: "\f2a4";
}
.fa-hard-of-hearing {
--fa: "\f2a4";
}
.fa-hands {
--fa: "\f2a7";
}
.fa-sign-language {
--fa: "\f2a7";
}
.fa-signing {
--fa: "\f2a7";
}
.fa-eye-low-vision {
--fa: "\f2a8";
}
.fa-low-vision {
--fa: "\f2a8";
}
.fa-font-awesome {
--fa: "\f2b4";
}
.fa-font-awesome-flag {
--fa: "\f2b4";
}
.fa-font-awesome-logo-full {
--fa: "\f2b4";
}
.fa-handshake {
--fa: "\f2b5";
}
.fa-handshake-alt {
--fa: "\f2b5";
}
.fa-handshake-simple {
--fa: "\f2b5";
}
.fa-envelope-open {
--fa: "\f2b6";
}
.fa-address-book {
--fa: "\f2b9";
}
.fa-contact-book {
--fa: "\f2b9";
}
.fa-address-card {
--fa: "\f2bb";
}
.fa-contact-card {
--fa: "\f2bb";
}
.fa-vcard {
--fa: "\f2bb";
}
.fa-circle-user {
--fa: "\f2bd";
}
.fa-user-circle {
--fa: "\f2bd";
}
.fa-id-badge {
--fa: "\f2c1";
}
.fa-id-card {
--fa: "\f2c2";
}
.fa-drivers-license {
--fa: "\f2c2";
}
.fa-temperature-full {
--fa: "\f2c7";
}
.fa-temperature-4 {
--fa: "\f2c7";
}
.fa-thermometer-4 {
--fa: "\f2c7";
}
.fa-thermometer-full {
--fa: "\f2c7";
}
.fa-temperature-three-quarters {
--fa: "\f2c8";
}
.fa-temperature-3 {
--fa: "\f2c8";
}
.fa-thermometer-3 {
--fa: "\f2c8";
}
.fa-thermometer-three-quarters {
--fa: "\f2c8";
}
.fa-temperature-half {
--fa: "\f2c9";
}
.fa-temperature-2 {
--fa: "\f2c9";
}
.fa-thermometer-2 {
--fa: "\f2c9";
}
.fa-thermometer-half {
--fa: "\f2c9";
}
.fa-temperature-quarter {
--fa: "\f2ca";
}
.fa-temperature-1 {
--fa: "\f2ca";
}
.fa-thermometer-1 {
--fa: "\f2ca";
}
.fa-thermometer-quarter {
--fa: "\f2ca";
}
.fa-temperature-empty {
--fa: "\f2cb";
}
.fa-temperature-0 {
--fa: "\f2cb";
}
.fa-thermometer-0 {
--fa: "\f2cb";
}
.fa-thermometer-empty {
--fa: "\f2cb";
}
.fa-shower {
--fa: "\f2cc";
}
.fa-bath {
--fa: "\f2cd";
}
.fa-bathtub {
--fa: "\f2cd";
}
.fa-podcast {
--fa: "\f2ce";
}
.fa-window-maximize {
--fa: "\f2d0";
}
.fa-window-minimize {
--fa: "\f2d1";
}
.fa-window-restore {
--fa: "\f2d2";
}
.fa-square-xmark {
--fa: "\f2d3";
}
.fa-times-square {
--fa: "\f2d3";
}
.fa-xmark-square {
--fa: "\f2d3";
}
.fa-microchip {
--fa: "\f2db";
}
.fa-snowflake {
--fa: "\f2dc";
}
.fa-spoon {
--fa: "\f2e5";
}
.fa-utensil-spoon {
--fa: "\f2e5";
}
.fa-utensils {
--fa: "\f2e7";
}
.fa-cutlery {
--fa: "\f2e7";
}
.fa-rotate-left {
--fa: "\f2ea";
}
.fa-rotate-back {
--fa: "\f2ea";
}
.fa-rotate-backward {
--fa: "\f2ea";
}
.fa-undo-alt {
--fa: "\f2ea";
}
.fa-trash-can {
--fa: "\f2ed";
}
.fa-trash-alt {
--fa: "\f2ed";
}
.fa-rotate {
--fa: "\f2f1";
}
.fa-sync-alt {
--fa: "\f2f1";
}
.fa-stopwatch {
--fa: "\f2f2";
}
.fa-right-from-bracket {
--fa: "\f2f5";
}
.fa-sign-out-alt {
--fa: "\f2f5";
}
.fa-right-to-bracket {
--fa: "\f2f6";
}
.fa-sign-in-alt {
--fa: "\f2f6";
}
.fa-rotate-right {
--fa: "\f2f9";
}
.fa-redo-alt {
--fa: "\f2f9";
}
.fa-rotate-forward {
--fa: "\f2f9";
}
.fa-poo {
--fa: "\f2fe";
}
.fa-images {
--fa: "\f302";
}
.fa-pencil {
--fa: "\f303";
}
.fa-pencil-alt {
--fa: "\f303";
}
.fa-pen {
--fa: "\f304";
}
.fa-pen-clip {
--fa: "\f305";
}
.fa-pen-alt {
--fa: "\f305";
}
.fa-octagon {
--fa: "\f306";
}
.fa-down-long {
--fa: "\f309";
}
.fa-long-arrow-alt-down {
--fa: "\f309";
}
.fa-left-long {
--fa: "\f30a";
}
.fa-long-arrow-alt-left {
--fa: "\f30a";
}
.fa-right-long {
--fa: "\f30b";
}
.fa-long-arrow-alt-right {
--fa: "\f30b";
}
.fa-up-long {
--fa: "\f30c";
}
.fa-long-arrow-alt-up {
--fa: "\f30c";
}
.fa-hexagon {
--fa: "\f312";
}
.fa-file-pen {
--fa: "\f31c";
}
.fa-file-edit {
--fa: "\f31c";
}
.fa-maximize {
--fa: "\f31e";
}
.fa-expand-arrows-alt {
--fa: "\f31e";
}
.fa-clipboard {
--fa: "\f328";
}
.fa-left-right {
--fa: "\f337";
}
.fa-arrows-alt-h {
--fa: "\f337";
}
.fa-up-down {
--fa: "\f338";
}
.fa-arrows-alt-v {
--fa: "\f338";
}
.fa-alarm-clock {
--fa: "\f34e";
}
.fa-circle-down {
--fa: "\f358";
}
.fa-arrow-alt-circle-down {
--fa: "\f358";
}
.fa-circle-left {
--fa: "\f359";
}
.fa-arrow-alt-circle-left {
--fa: "\f359";
}
.fa-circle-right {
--fa: "\f35a";
}
.fa-arrow-alt-circle-right {
--fa: "\f35a";
}
.fa-circle-up {
--fa: "\f35b";
}
.fa-arrow-alt-circle-up {
--fa: "\f35b";
}
.fa-up-right-from-square {
--fa: "\f35d";
}
.fa-external-link-alt {
--fa: "\f35d";
}
.fa-square-up-right {
--fa: "\f360";
}
.fa-external-link-square-alt {
--fa: "\f360";
}
.fa-right-left {
--fa: "\f362";
}
.fa-exchange-alt {
--fa: "\f362";
}
.fa-repeat {
--fa: "\f363";
}
.fa-code-commit {
--fa: "\f386";
}
.fa-code-merge {
--fa: "\f387";
}
.fa-desktop {
--fa: "\f390";
}
.fa-desktop-alt {
--fa: "\f390";
}
.fa-gem {
--fa: "\f3a5";
}
.fa-turn-down {
--fa: "\f3be";
}
.fa-level-down-alt {
--fa: "\f3be";
}
.fa-turn-up {
--fa: "\f3bf";
}
.fa-level-up-alt {
--fa: "\f3bf";
}
.fa-lock-open {
--fa: "\f3c1";
}
.fa-location-dot {
--fa: "\f3c5";
}
.fa-map-marker-alt {
--fa: "\f3c5";
}
.fa-microphone-lines {
--fa: "\f3c9";
}
.fa-microphone-alt {
--fa: "\f3c9";
}
.fa-mobile-screen-button {
--fa: "\f3cd";
}
.fa-mobile-alt {
--fa: "\f3cd";
}
.fa-mobile {
--fa: "\f3ce";
}
.fa-mobile-android {
--fa: "\f3ce";
}
.fa-mobile-phone {
--fa: "\f3ce";
}
.fa-mobile-screen {
--fa: "\f3cf";
}
.fa-mobile-android-alt {
--fa: "\f3cf";
}
.fa-money-bill-1 {
--fa: "\f3d1";
}
.fa-money-bill-alt {
--fa: "\f3d1";
}
.fa-phone-slash {
--fa: "\f3dd";
}
.fa-image-portrait {
--fa: "\f3e0";
}
.fa-portrait {
--fa: "\f3e0";
}
.fa-reply {
--fa: "\f3e5";
}
.fa-mail-reply {
--fa: "\f3e5";
}
.fa-shield-halved {
--fa: "\f3ed";
}
.fa-shield-alt {
--fa: "\f3ed";
}
.fa-tablet-screen-button {
--fa: "\f3fa";
}
.fa-tablet-alt {
--fa: "\f3fa";
}
.fa-tablet {
--fa: "\f3fb";
}
.fa-tablet-android {
--fa: "\f3fb";
}
.fa-ticket-simple {
--fa: "\f3ff";
}
.fa-ticket-alt {
--fa: "\f3ff";
}
.fa-rectangle-xmark {
--fa: "\f410";
}
.fa-rectangle-times {
--fa: "\f410";
}
.fa-times-rectangle {
--fa: "\f410";
}
.fa-window-close {
--fa: "\f410";
}
.fa-down-left-and-up-right-to-center {
--fa: "\f422";
}
.fa-compress-alt {
--fa: "\f422";
}
.fa-up-right-and-down-left-from-center {
--fa: "\f424";
}
.fa-expand-alt {
--fa: "\f424";
}
.fa-baseball-bat-ball {
--fa: "\f432";
}
.fa-baseball {
--fa: "\f433";
}
.fa-baseball-ball {
--fa: "\f433";
}
.fa-basketball {
--fa: "\f434";
}
.fa-basketball-ball {
--fa: "\f434";
}
.fa-bowling-ball {
--fa: "\f436";
}
.fa-chess {
--fa: "\f439";
}
.fa-chess-bishop {
--fa: "\f43a";
}
.fa-chess-board {
--fa: "\f43c";
}
.fa-chess-king {
--fa: "\f43f";
}
.fa-chess-knight {
--fa: "\f441";
}
.fa-chess-pawn {
--fa: "\f443";
}
.fa-chess-queen {
--fa: "\f445";
}
.fa-chess-rook {
--fa: "\f447";
}
.fa-dumbbell {
--fa: "\f44b";
}
.fa-football {
--fa: "\f44e";
}
.fa-football-ball {
--fa: "\f44e";
}
.fa-golf-ball-tee {
--fa: "\f450";
}
.fa-golf-ball {
--fa: "\f450";
}
.fa-hockey-puck {
--fa: "\f453";
}
.fa-broom-ball {
--fa: "\f458";
}
.fa-quidditch {
--fa: "\f458";
}
.fa-quidditch-broom-ball {
--fa: "\f458";
}
.fa-square-full {
--fa: "\f45c";
}
.fa-table-tennis-paddle-ball {
--fa: "\f45d";
}
.fa-ping-pong-paddle-ball {
--fa: "\f45d";
}
.fa-table-tennis {
--fa: "\f45d";
}
.fa-volleyball {
--fa: "\f45f";
}
.fa-volleyball-ball {
--fa: "\f45f";
}
.fa-hand-dots {
--fa: "\f461";
}
.fa-allergies {
--fa: "\f461";
}
.fa-bandage {
--fa: "\f462";
}
.fa-band-aid {
--fa: "\f462";
}
.fa-box {
--fa: "\f466";
}
.fa-boxes-stacked {
--fa: "\f468";
}
.fa-boxes {
--fa: "\f468";
}
.fa-boxes-alt {
--fa: "\f468";
}
.fa-briefcase-medical {
--fa: "\f469";
}
.fa-fire-flame-simple {
--fa: "\f46a";
}
.fa-burn {
--fa: "\f46a";
}
.fa-capsules {
--fa: "\f46b";
}
.fa-clipboard-check {
--fa: "\f46c";
}
.fa-clipboard-list {
--fa: "\f46d";
}
.fa-person-dots-from-line {
--fa: "\f470";
}
.fa-diagnoses {
--fa: "\f470";
}
.fa-dna {
--fa: "\f471";
}
.fa-dolly {
--fa: "\f472";
}
.fa-dolly-box {
--fa: "\f472";
}
.fa-cart-flatbed {
--fa: "\f474";
}
.fa-dolly-flatbed {
--fa: "\f474";
}
.fa-file-medical {
--fa: "\f477";
}
.fa-file-waveform {
--fa: "\f478";
}
.fa-file-medical-alt {
--fa: "\f478";
}
.fa-kit-medical {
--fa: "\f479";
}
.fa-first-aid {
--fa: "\f479";
}
.fa-circle-h {
--fa: "\f47e";
}
.fa-hospital-symbol {
--fa: "\f47e";
}
.fa-id-card-clip {
--fa: "\f47f";
}
.fa-id-card-alt {
--fa: "\f47f";
}
.fa-notes-medical {
--fa: "\f481";
}
.fa-pallet {
--fa: "\f482";
}
.fa-pills {
--fa: "\f484";
}
.fa-prescription-bottle {
--fa: "\f485";
}
.fa-prescription-bottle-medical {
--fa: "\f486";
}
.fa-prescription-bottle-alt {
--fa: "\f486";
}
.fa-bed-pulse {
--fa: "\f487";
}
.fa-procedures {
--fa: "\f487";
}
.fa-truck-fast {
--fa: "\f48b";
}
.fa-shipping-fast {
--fa: "\f48b";
}
.fa-smoking {
--fa: "\f48d";
}
.fa-syringe {
--fa: "\f48e";
}
.fa-tablets {
--fa: "\f490";
}
.fa-thermometer {
--fa: "\f491";
}
.fa-vial {
--fa: "\f492";
}
.fa-vials {
--fa: "\f493";
}
.fa-warehouse {
--fa: "\f494";
}
.fa-weight-scale {
--fa: "\f496";
}
.fa-weight {
--fa: "\f496";
}
.fa-x-ray {
--fa: "\f497";
}
.fa-box-open {
--fa: "\f49e";
}
.fa-comment-dots {
--fa: "\f4ad";
}
.fa-commenting {
--fa: "\f4ad";
}
.fa-comment-slash {
--fa: "\f4b3";
}
.fa-couch {
--fa: "\f4b8";
}
.fa-circle-dollar-to-slot {
--fa: "\f4b9";
}
.fa-donate {
--fa: "\f4b9";
}
.fa-dove {
--fa: "\f4ba";
}
.fa-hand-holding {
--fa: "\f4bd";
}
.fa-hand-holding-heart {
--fa: "\f4be";
}
.fa-hand-holding-dollar {
--fa: "\f4c0";
}
.fa-hand-holding-usd {
--fa: "\f4c0";
}
.fa-hand-holding-droplet {
--fa: "\f4c1";
}
.fa-hand-holding-water {
--fa: "\f4c1";
}
.fa-hands-holding {
--fa: "\f4c2";
}
.fa-handshake-angle {
--fa: "\f4c4";
}
.fa-hands-helping {
--fa: "\f4c4";
}
.fa-parachute-box {
--fa: "\f4cd";
}
.fa-people-carry-box {
--fa: "\f4ce";
}
.fa-people-carry {
--fa: "\f4ce";
}
.fa-piggy-bank {
--fa: "\f4d3";
}
.fa-ribbon {
--fa: "\f4d6";
}
.fa-route {
--fa: "\f4d7";
}
.fa-seedling {
--fa: "\f4d8";
}
.fa-sprout {
--fa: "\f4d8";
}
.fa-sign-hanging {
--fa: "\f4d9";
}
.fa-sign {
--fa: "\f4d9";
}
.fa-face-smile-wink {
--fa: "\f4da";
}
.fa-smile-wink {
--fa: "\f4da";
}
.fa-tape {
--fa: "\f4db";
}
.fa-truck-ramp-box {
--fa: "\f4de";
}
.fa-truck-loading {
--fa: "\f4de";
}
.fa-truck-moving {
--fa: "\f4df";
}
.fa-video-slash {
--fa: "\f4e2";
}
.fa-wine-glass {
--fa: "\f4e3";
}
.fa-user-astronaut {
--fa: "\f4fb";
}
.fa-user-check {
--fa: "\f4fc";
}
.fa-user-clock {
--fa: "\f4fd";
}
.fa-user-gear {
--fa: "\f4fe";
}
.fa-user-cog {
--fa: "\f4fe";
}
.fa-user-pen {
--fa: "\f4ff";
}
.fa-user-edit {
--fa: "\f4ff";
}
.fa-user-group {
--fa: "\f500";
}
.fa-user-friends {
--fa: "\f500";
}
.fa-user-graduate {
--fa: "\f501";
}
.fa-user-lock {
--fa: "\f502";
}
.fa-user-minus {
--fa: "\f503";
}
.fa-user-ninja {
--fa: "\f504";
}
.fa-user-shield {
--fa: "\f505";
}
.fa-user-slash {
--fa: "\f506";
}
.fa-user-alt-slash {
--fa: "\f506";
}
.fa-user-large-slash {
--fa: "\f506";
}
.fa-user-tag {
--fa: "\f507";
}
.fa-user-tie {
--fa: "\f508";
}
.fa-users-gear {
--fa: "\f509";
}
.fa-users-cog {
--fa: "\f509";
}
.fa-scale-unbalanced {
--fa: "\f515";
}
.fa-balance-scale-left {
--fa: "\f515";
}
.fa-scale-unbalanced-flip {
--fa: "\f516";
}
.fa-balance-scale-right {
--fa: "\f516";
}
.fa-blender {
--fa: "\f517";
}
.fa-book-open {
--fa: "\f518";
}
.fa-tower-broadcast {
--fa: "\f519";
}
.fa-broadcast-tower {
--fa: "\f519";
}
.fa-broom {
--fa: "\f51a";
}
.fa-chalkboard {
--fa: "\f51b";
}
.fa-blackboard {
--fa: "\f51b";
}
.fa-chalkboard-user {
--fa: "\f51c";
}
.fa-chalkboard-teacher {
--fa: "\f51c";
}
.fa-church {
--fa: "\f51d";
}
.fa-coins {
--fa: "\f51e";
}
.fa-compact-disc {
--fa: "\f51f";
}
.fa-crow {
--fa: "\f520";
}
.fa-crown {
--fa: "\f521";
}
.fa-dice {
--fa: "\f522";
}
.fa-dice-five {
--fa: "\f523";
}
.fa-dice-four {
--fa: "\f524";
}
.fa-dice-one {
--fa: "\f525";
}
.fa-dice-six {
--fa: "\f526";
}
.fa-dice-three {
--fa: "\f527";
}
.fa-dice-two {
--fa: "\f528";
}
.fa-divide {
--fa: "\f529";
}
.fa-door-closed {
--fa: "\f52a";
}
.fa-door-open {
--fa: "\f52b";
}
.fa-feather {
--fa: "\f52d";
}
.fa-frog {
--fa: "\f52e";
}
.fa-gas-pump {
--fa: "\f52f";
}
.fa-glasses {
--fa: "\f530";
}
.fa-greater-than-equal {
--fa: "\f532";
}
.fa-helicopter {
--fa: "\f533";
}
.fa-infinity {
--fa: "\f534";
}
.fa-kiwi-bird {
--fa: "\f535";
}
.fa-less-than-equal {
--fa: "\f537";
}
.fa-memory {
--fa: "\f538";
}
.fa-microphone-lines-slash {
--fa: "\f539";
}
.fa-microphone-alt-slash {
--fa: "\f539";
}
.fa-money-bill-wave {
--fa: "\f53a";
}
.fa-money-bill-1-wave {
--fa: "\f53b";
}
.fa-money-bill-wave-alt {
--fa: "\f53b";
}
.fa-money-check {
--fa: "\f53c";
}
.fa-money-check-dollar {
--fa: "\f53d";
}
.fa-money-check-alt {
--fa: "\f53d";
}
.fa-not-equal {
--fa: "\f53e";
}
.fa-palette {
--fa: "\f53f";
}
.fa-square-parking {
--fa: "\f540";
}
.fa-parking {
--fa: "\f540";
}
.fa-diagram-project {
--fa: "\f542";
}
.fa-project-diagram {
--fa: "\f542";
}
.fa-receipt {
--fa: "\f543";
}
.fa-robot {
--fa: "\f544";
}
.fa-ruler {
--fa: "\f545";
}
.fa-ruler-combined {
--fa: "\f546";
}
.fa-ruler-horizontal {
--fa: "\f547";
}
.fa-ruler-vertical {
--fa: "\f548";
}
.fa-school {
--fa: "\f549";
}
.fa-screwdriver {
--fa: "\f54a";
}
.fa-shoe-prints {
--fa: "\f54b";
}
.fa-skull {
--fa: "\f54c";
}
.fa-ban-smoking {
--fa: "\f54d";
}
.fa-smoking-ban {
--fa: "\f54d";
}
.fa-store {
--fa: "\f54e";
}
.fa-shop {
--fa: "\f54f";
}
.fa-store-alt {
--fa: "\f54f";
}
.fa-bars-staggered {
--fa: "\f550";
}
.fa-reorder {
--fa: "\f550";
}
.fa-stream {
--fa: "\f550";
}
.fa-stroopwafel {
--fa: "\f551";
}
.fa-toolbox {
--fa: "\f552";
}
.fa-shirt {
--fa: "\f553";
}
.fa-t-shirt {
--fa: "\f553";
}
.fa-tshirt {
--fa: "\f553";
}
.fa-person-walking {
--fa: "\f554";
}
.fa-walking {
--fa: "\f554";
}
.fa-wallet {
--fa: "\f555";
}
.fa-face-angry {
--fa: "\f556";
}
.fa-angry {
--fa: "\f556";
}
.fa-archway {
--fa: "\f557";
}
.fa-book-atlas {
--fa: "\f558";
}
.fa-atlas {
--fa: "\f558";
}
.fa-award {
--fa: "\f559";
}
.fa-delete-left {
--fa: "\f55a";
}
.fa-backspace {
--fa: "\f55a";
}
.fa-bezier-curve {
--fa: "\f55b";
}
.fa-bong {
--fa: "\f55c";
}
.fa-brush {
--fa: "\f55d";
}
.fa-bus-simple {
--fa: "\f55e";
}
.fa-bus-alt {
--fa: "\f55e";
}
.fa-cannabis {
--fa: "\f55f";
}
.fa-check-double {
--fa: "\f560";
}
.fa-martini-glass-citrus {
--fa: "\f561";
}
.fa-cocktail {
--fa: "\f561";
}
.fa-bell-concierge {
--fa: "\f562";
}
.fa-concierge-bell {
--fa: "\f562";
}
.fa-cookie {
--fa: "\f563";
}
.fa-cookie-bite {
--fa: "\f564";
}
.fa-crop-simple {
--fa: "\f565";
}
.fa-crop-alt {
--fa: "\f565";
}
.fa-tachograph-digital {
--fa: "\f566";
}
.fa-digital-tachograph {
--fa: "\f566";
}
.fa-face-dizzy {
--fa: "\f567";
}
.fa-dizzy {
--fa: "\f567";
}
.fa-compass-drafting {
--fa: "\f568";
}
.fa-drafting-compass {
--fa: "\f568";
}
.fa-drum {
--fa: "\f569";
}
.fa-drum-steelpan {
--fa: "\f56a";
}
.fa-feather-pointed {
--fa: "\f56b";
}
.fa-feather-alt {
--fa: "\f56b";
}
.fa-file-contract {
--fa: "\f56c";
}
.fa-file-arrow-down {
--fa: "\f56d";
}
.fa-file-download {
--fa: "\f56d";
}
.fa-file-export {
--fa: "\f56e";
}
.fa-arrow-right-from-file {
--fa: "\f56e";
}
.fa-file-import {
--fa: "\f56f";
}
.fa-arrow-right-to-file {
--fa: "\f56f";
}
.fa-file-invoice {
--fa: "\f570";
}
.fa-file-invoice-dollar {
--fa: "\f571";
}
.fa-file-prescription {
--fa: "\f572";
}
.fa-file-signature {
--fa: "\f573";
}
.fa-file-arrow-up {
--fa: "\f574";
}
.fa-file-upload {
--fa: "\f574";
}
.fa-fill {
--fa: "\f575";
}
.fa-fill-drip {
--fa: "\f576";
}
.fa-fingerprint {
--fa: "\f577";
}
.fa-fish {
--fa: "\f578";
}
.fa-face-flushed {
--fa: "\f579";
}
.fa-flushed {
--fa: "\f579";
}
.fa-face-frown-open {
--fa: "\f57a";
}
.fa-frown-open {
--fa: "\f57a";
}
.fa-martini-glass {
--fa: "\f57b";
}
.fa-glass-martini-alt {
--fa: "\f57b";
}
.fa-earth-africa {
--fa: "\f57c";
}
.fa-globe-africa {
--fa: "\f57c";
}
.fa-earth-americas {
--fa: "\f57d";
}
.fa-earth {
--fa: "\f57d";
}
.fa-earth-america {
--fa: "\f57d";
}
.fa-globe-americas {
--fa: "\f57d";
}
.fa-earth-asia {
--fa: "\f57e";
}
.fa-globe-asia {
--fa: "\f57e";
}
.fa-face-grimace {
--fa: "\f57f";
}
.fa-grimace {
--fa: "\f57f";
}
.fa-face-grin {
--fa: "\f580";
}
.fa-grin {
--fa: "\f580";
}
.fa-face-grin-wide {
--fa: "\f581";
}
.fa-grin-alt {
--fa: "\f581";
}
.fa-face-grin-beam {
--fa: "\f582";
}
.fa-grin-beam {
--fa: "\f582";
}
.fa-face-grin-beam-sweat {
--fa: "\f583";
}
.fa-grin-beam-sweat {
--fa: "\f583";
}
.fa-face-grin-hearts {
--fa: "\f584";
}
.fa-grin-hearts {
--fa: "\f584";
}
.fa-face-grin-squint {
--fa: "\f585";
}
.fa-grin-squint {
--fa: "\f585";
}
.fa-face-grin-squint-tears {
--fa: "\f586";
}
.fa-grin-squint-tears {
--fa: "\f586";
}
.fa-face-grin-stars {
--fa: "\f587";
}
.fa-grin-stars {
--fa: "\f587";
}
.fa-face-grin-tears {
--fa: "\f588";
}
.fa-grin-tears {
--fa: "\f588";
}
.fa-face-grin-tongue {
--fa: "\f589";
}
.fa-grin-tongue {
--fa: "\f589";
}
.fa-face-grin-tongue-squint {
--fa: "\f58a";
}
.fa-grin-tongue-squint {
--fa: "\f58a";
}
.fa-face-grin-tongue-wink {
--fa: "\f58b";
}
.fa-grin-tongue-wink {
--fa: "\f58b";
}
.fa-face-grin-wink {
--fa: "\f58c";
}
.fa-grin-wink {
--fa: "\f58c";
}
.fa-grip {
--fa: "\f58d";
}
.fa-grid-horizontal {
--fa: "\f58d";
}
.fa-grip-horizontal {
--fa: "\f58d";
}
.fa-grip-vertical {
--fa: "\f58e";
}
.fa-grid-vertical {
--fa: "\f58e";
}
.fa-headset {
--fa: "\f590";
}
.fa-highlighter {
--fa: "\f591";
}
.fa-hot-tub-person {
--fa: "\f593";
}
.fa-hot-tub {
--fa: "\f593";
}
.fa-hotel {
--fa: "\f594";
}
.fa-joint {
--fa: "\f595";
}
.fa-face-kiss {
--fa: "\f596";
}
.fa-kiss {
--fa: "\f596";
}
.fa-face-kiss-beam {
--fa: "\f597";
}
.fa-kiss-beam {
--fa: "\f597";
}
.fa-face-kiss-wink-heart {
--fa: "\f598";
}
.fa-kiss-wink-heart {
--fa: "\f598";
}
.fa-face-laugh {
--fa: "\f599";
}
.fa-laugh {
--fa: "\f599";
}
.fa-face-laugh-beam {
--fa: "\f59a";
}
.fa-laugh-beam {
--fa: "\f59a";
}
.fa-face-laugh-squint {
--fa: "\f59b";
}
.fa-laugh-squint {
--fa: "\f59b";
}
.fa-face-laugh-wink {
--fa: "\f59c";
}
.fa-laugh-wink {
--fa: "\f59c";
}
.fa-cart-flatbed-suitcase {
--fa: "\f59d";
}
.fa-luggage-cart {
--fa: "\f59d";
}
.fa-map-location {
--fa: "\f59f";
}
.fa-map-marked {
--fa: "\f59f";
}
.fa-map-location-dot {
--fa: "\f5a0";
}
.fa-map-marked-alt {
--fa: "\f5a0";
}
.fa-marker {
--fa: "\f5a1";
}
.fa-medal {
--fa: "\f5a2";
}
.fa-face-meh-blank {
--fa: "\f5a4";
}
.fa-meh-blank {
--fa: "\f5a4";
}
.fa-face-rolling-eyes {
--fa: "\f5a5";
}
.fa-meh-rolling-eyes {
--fa: "\f5a5";
}
.fa-monument {
--fa: "\f5a6";
}
.fa-mortar-pestle {
--fa: "\f5a7";
}
.fa-paint-roller {
--fa: "\f5aa";
}
.fa-passport {
--fa: "\f5ab";
}
.fa-pen-fancy {
--fa: "\f5ac";
}
.fa-pen-nib {
--fa: "\f5ad";
}
.fa-pen-ruler {
--fa: "\f5ae";
}
.fa-pencil-ruler {
--fa: "\f5ae";
}
.fa-plane-arrival {
--fa: "\f5af";
}
.fa-plane-departure {
--fa: "\f5b0";
}
.fa-prescription {
--fa: "\f5b1";
}
.fa-face-sad-cry {
--fa: "\f5b3";
}
.fa-sad-cry {
--fa: "\f5b3";
}
.fa-face-sad-tear {
--fa: "\f5b4";
}
.fa-sad-tear {
--fa: "\f5b4";
}
.fa-van-shuttle {
--fa: "\f5b6";
}
.fa-shuttle-van {
--fa: "\f5b6";
}
.fa-signature {
--fa: "\f5b7";
}
.fa-face-smile-beam {
--fa: "\f5b8";
}
.fa-smile-beam {
--fa: "\f5b8";
}
.fa-solar-panel {
--fa: "\f5ba";
}
.fa-spa {
--fa: "\f5bb";
}
.fa-lotus {
--fa: "\f5bb";
}
.fa-splotch {
--fa: "\f5bc";
}
.fa-spray-can {
--fa: "\f5bd";
}
.fa-stamp {
--fa: "\f5bf";
}
.fa-star-half-stroke {
--fa: "\f5c0";
}
.fa-star-half-alt {
--fa: "\f5c0";
}
.fa-suitcase-rolling {
--fa: "\f5c1";
}
.fa-face-surprise {
--fa: "\f5c2";
}
.fa-surprise {
--fa: "\f5c2";
}
.fa-swatchbook {
--fa: "\f5c3";
}
.fa-person-swimming {
--fa: "\f5c4";
}
.fa-swimmer {
--fa: "\f5c4";
}
.fa-water-ladder {
--fa: "\f5c5";
}
.fa-ladder-water {
--fa: "\f5c5";
}
.fa-swimming-pool {
--fa: "\f5c5";
}
.fa-droplet-slash {
--fa: "\f5c7";
}
.fa-tint-slash {
--fa: "\f5c7";
}
.fa-face-tired {
--fa: "\f5c8";
}
.fa-tired {
--fa: "\f5c8";
}
.fa-tooth {
--fa: "\f5c9";
}
.fa-umbrella-beach {
--fa: "\f5ca";
}
.fa-weight-hanging {
--fa: "\f5cd";
}
.fa-wine-glass-empty {
--fa: "\f5ce";
}
.fa-wine-glass-alt {
--fa: "\f5ce";
}
.fa-spray-can-sparkles {
--fa: "\f5d0";
}
.fa-air-freshener {
--fa: "\f5d0";
}
.fa-apple-whole {
--fa: "\f5d1";
}
.fa-apple-alt {
--fa: "\f5d1";
}
.fa-atom {
--fa: "\f5d2";
}
.fa-bone {
--fa: "\f5d7";
}
.fa-book-open-reader {
--fa: "\f5da";
}
.fa-book-reader {
--fa: "\f5da";
}
.fa-brain {
--fa: "\f5dc";
}
.fa-car-rear {
--fa: "\f5de";
}
.fa-car-alt {
--fa: "\f5de";
}
.fa-car-battery {
--fa: "\f5df";
}
.fa-battery-car {
--fa: "\f5df";
}
.fa-car-burst {
--fa: "\f5e1";
}
.fa-car-crash {
--fa: "\f5e1";
}
.fa-car-side {
--fa: "\f5e4";
}
.fa-charging-station {
--fa: "\f5e7";
}
.fa-diamond-turn-right {
--fa: "\f5eb";
}
.fa-directions {
--fa: "\f5eb";
}
.fa-draw-polygon {
--fa: "\f5ee";
}
.fa-vector-polygon {
--fa: "\f5ee";
}
.fa-laptop-code {
--fa: "\f5fc";
}
.fa-layer-group {
--fa: "\f5fd";
}
.fa-location-crosshairs {
--fa: "\f601";
}
.fa-location {
--fa: "\f601";
}
.fa-lungs {
--fa: "\f604";
}
.fa-microscope {
--fa: "\f610";
}
.fa-oil-can {
--fa: "\f613";
}
.fa-poop {
--fa: "\f619";
}
.fa-shapes {
--fa: "\f61f";
}
.fa-triangle-circle-square {
--fa: "\f61f";
}
.fa-star-of-life {
--fa: "\f621";
}
.fa-gauge {
--fa: "\f624";
}
.fa-dashboard {
--fa: "\f624";
}
.fa-gauge-med {
--fa: "\f624";
}
.fa-tachometer-alt-average {
--fa: "\f624";
}
.fa-gauge-high {
--fa: "\f625";
}
.fa-tachometer-alt {
--fa: "\f625";
}
.fa-tachometer-alt-fast {
--fa: "\f625";
}
.fa-gauge-simple {
--fa: "\f629";
}
.fa-gauge-simple-med {
--fa: "\f629";
}
.fa-tachometer-average {
--fa: "\f629";
}
.fa-gauge-simple-high {
--fa: "\f62a";
}
.fa-tachometer {
--fa: "\f62a";
}
.fa-tachometer-fast {
--fa: "\f62a";
}
.fa-teeth {
--fa: "\f62e";
}
.fa-teeth-open {
--fa: "\f62f";
}
.fa-masks-theater {
--fa: "\f630";
}
.fa-theater-masks {
--fa: "\f630";
}
.fa-traffic-light {
--fa: "\f637";
}
.fa-truck-monster {
--fa: "\f63b";
}
.fa-truck-pickup {
--fa: "\f63c";
}
.fa-rectangle-ad {
--fa: "\f641";
}
.fa-ad {
--fa: "\f641";
}
.fa-ankh {
--fa: "\f644";
}
.fa-book-bible {
--fa: "\f647";
}
.fa-bible {
--fa: "\f647";
}
.fa-business-time {
--fa: "\f64a";
}
.fa-briefcase-clock {
--fa: "\f64a";
}
.fa-city {
--fa: "\f64f";
}
.fa-comment-dollar {
--fa: "\f651";
}
.fa-comments-dollar {
--fa: "\f653";
}
.fa-cross {
--fa: "\f654";
}
.fa-dharmachakra {
--fa: "\f655";
}
.fa-envelope-open-text {
--fa: "\f658";
}
.fa-folder-minus {
--fa: "\f65d";
}
.fa-folder-plus {
--fa: "\f65e";
}
.fa-filter-circle-dollar {
--fa: "\f662";
}
.fa-funnel-dollar {
--fa: "\f662";
}
.fa-gopuram {
--fa: "\f664";
}
.fa-hamsa {
--fa: "\f665";
}
.fa-bahai {
--fa: "\f666";
}
.fa-haykal {
--fa: "\f666";
}
.fa-jedi {
--fa: "\f669";
}
.fa-book-journal-whills {
--fa: "\f66a";
}
.fa-journal-whills {
--fa: "\f66a";
}
.fa-kaaba {
--fa: "\f66b";
}
.fa-khanda {
--fa: "\f66d";
}
.fa-landmark {
--fa: "\f66f";
}
.fa-envelopes-bulk {
--fa: "\f674";
}
.fa-mail-bulk {
--fa: "\f674";
}
.fa-menorah {
--fa: "\f676";
}
.fa-mosque {
--fa: "\f678";
}
.fa-om {
--fa: "\f679";
}
.fa-spaghetti-monster-flying {
--fa: "\f67b";
}
.fa-pastafarianism {
--fa: "\f67b";
}
.fa-peace {
--fa: "\f67c";
}
.fa-place-of-worship {
--fa: "\f67f";
}
.fa-square-poll-vertical {
--fa: "\f681";
}
.fa-poll {
--fa: "\f681";
}
.fa-square-poll-horizontal {
--fa: "\f682";
}
.fa-poll-h {
--fa: "\f682";
}
.fa-person-praying {
--fa: "\f683";
}
.fa-pray {
--fa: "\f683";
}
.fa-hands-praying {
--fa: "\f684";
}
.fa-praying-hands {
--fa: "\f684";
}
.fa-book-quran {
--fa: "\f687";
}
.fa-quran {
--fa: "\f687";
}
.fa-magnifying-glass-dollar {
--fa: "\f688";
}
.fa-search-dollar {
--fa: "\f688";
}
.fa-magnifying-glass-location {
--fa: "\f689";
}
.fa-search-location {
--fa: "\f689";
}
.fa-socks {
--fa: "\f696";
}
.fa-square-root-variable {
--fa: "\f698";
}
.fa-square-root-alt {
--fa: "\f698";
}
.fa-star-and-crescent {
--fa: "\f699";
}
.fa-star-of-david {
--fa: "\f69a";
}
.fa-synagogue {
--fa: "\f69b";
}
.fa-scroll-torah {
--fa: "\f6a0";
}
.fa-torah {
--fa: "\f6a0";
}
.fa-torii-gate {
--fa: "\f6a1";
}
.fa-vihara {
--fa: "\f6a7";
}
.fa-volume {
--fa: "\f6a8";
}
.fa-volume-medium {
--fa: "\f6a8";
}
.fa-volume-xmark {
--fa: "\f6a9";
}
.fa-volume-mute {
--fa: "\f6a9";
}
.fa-volume-times {
--fa: "\f6a9";
}
.fa-yin-yang {
--fa: "\f6ad";
}
.fa-blender-phone {
--fa: "\f6b6";
}
.fa-book-skull {
--fa: "\f6b7";
}
.fa-book-dead {
--fa: "\f6b7";
}
.fa-campground {
--fa: "\f6bb";
}
.fa-cat {
--fa: "\f6be";
}
.fa-chair {
--fa: "\f6c0";
}
.fa-cloud-moon {
--fa: "\f6c3";
}
.fa-cloud-sun {
--fa: "\f6c4";
}
.fa-cow {
--fa: "\f6c8";
}
.fa-dice-d20 {
--fa: "\f6cf";
}
.fa-dice-d6 {
--fa: "\f6d1";
}
.fa-dog {
--fa: "\f6d3";
}
.fa-dragon {
--fa: "\f6d5";
}
.fa-drumstick-bite {
--fa: "\f6d7";
}
.fa-dungeon {
--fa: "\f6d9";
}
.fa-file-csv {
--fa: "\f6dd";
}
.fa-hand-fist {
--fa: "\f6de";
}
.fa-fist-raised {
--fa: "\f6de";
}
.fa-ghost {
--fa: "\f6e2";
}
.fa-hammer {
--fa: "\f6e3";
}
.fa-hanukiah {
--fa: "\f6e6";
}
.fa-hat-wizard {
--fa: "\f6e8";
}
.fa-person-hiking {
--fa: "\f6ec";
}
.fa-hiking {
--fa: "\f6ec";
}
.fa-hippo {
--fa: "\f6ed";
}
.fa-horse {
--fa: "\f6f0";
}
.fa-house-chimney-crack {
--fa: "\f6f1";
}
.fa-house-damage {
--fa: "\f6f1";
}
.fa-hryvnia-sign {
--fa: "\f6f2";
}
.fa-hryvnia {
--fa: "\f6f2";
}
.fa-mask {
--fa: "\f6fa";
}
.fa-mountain {
--fa: "\f6fc";
}
.fa-network-wired {
--fa: "\f6ff";
}
.fa-otter {
--fa: "\f700";
}
.fa-ring {
--fa: "\f70b";
}
.fa-person-running {
--fa: "\f70c";
}
.fa-running {
--fa: "\f70c";
}
.fa-scroll {
--fa: "\f70e";
}
.fa-skull-crossbones {
--fa: "\f714";
}
.fa-slash {
--fa: "\f715";
}
.fa-spider {
--fa: "\f717";
}
.fa-toilet-paper {
--fa: "\f71e";
}
.fa-toilet-paper-alt {
--fa: "\f71e";
}
.fa-toilet-paper-blank {
--fa: "\f71e";
}
.fa-tractor {
--fa: "\f722";
}
.fa-user-injured {
--fa: "\f728";
}
.fa-vr-cardboard {
--fa: "\f729";
}
.fa-wand-sparkles {
--fa: "\f72b";
}
.fa-wind {
--fa: "\f72e";
}
.fa-wine-bottle {
--fa: "\f72f";
}
.fa-cloud-meatball {
--fa: "\f73b";
}
.fa-cloud-moon-rain {
--fa: "\f73c";
}
.fa-cloud-rain {
--fa: "\f73d";
}
.fa-cloud-showers-heavy {
--fa: "\f740";
}
.fa-cloud-sun-rain {
--fa: "\f743";
}
.fa-democrat {
--fa: "\f747";
}
.fa-flag-usa {
--fa: "\f74d";
}
.fa-hurricane {
--fa: "\f751";
}
.fa-landmark-dome {
--fa: "\f752";
}
.fa-landmark-alt {
--fa: "\f752";
}
.fa-meteor {
--fa: "\f753";
}
.fa-person-booth {
--fa: "\f756";
}
.fa-poo-storm {
--fa: "\f75a";
}
.fa-poo-bolt {
--fa: "\f75a";
}
.fa-rainbow {
--fa: "\f75b";
}
.fa-republican {
--fa: "\f75e";
}
.fa-smog {
--fa: "\f75f";
}
.fa-temperature-high {
--fa: "\f769";
}
.fa-temperature-low {
--fa: "\f76b";
}
.fa-cloud-bolt {
--fa: "\f76c";
}
.fa-thunderstorm {
--fa: "\f76c";
}
.fa-tornado {
--fa: "\f76f";
}
.fa-volcano {
--fa: "\f770";
}
.fa-check-to-slot {
--fa: "\f772";
}
.fa-vote-yea {
--fa: "\f772";
}
.fa-water {
--fa: "\f773";
}
.fa-baby {
--fa: "\f77c";
}
.fa-baby-carriage {
--fa: "\f77d";
}
.fa-carriage-baby {
--fa: "\f77d";
}
.fa-biohazard {
--fa: "\f780";
}
.fa-blog {
--fa: "\f781";
}
.fa-calendar-day {
--fa: "\f783";
}
.fa-calendar-week {
--fa: "\f784";
}
.fa-candy-cane {
--fa: "\f786";
}
.fa-carrot {
--fa: "\f787";
}
.fa-cash-register {
--fa: "\f788";
}
.fa-minimize {
--fa: "\f78c";
}
.fa-compress-arrows-alt {
--fa: "\f78c";
}
.fa-dumpster {
--fa: "\f793";
}
.fa-dumpster-fire {
--fa: "\f794";
}
.fa-ethernet {
--fa: "\f796";
}
.fa-gifts {
--fa: "\f79c";
}
.fa-champagne-glasses {
--fa: "\f79f";
}
.fa-glass-cheers {
--fa: "\f79f";
}
.fa-whiskey-glass {
--fa: "\f7a0";
}
.fa-glass-whiskey {
--fa: "\f7a0";
}
.fa-earth-europe {
--fa: "\f7a2";
}
.fa-globe-europe {
--fa: "\f7a2";
}
.fa-grip-lines {
--fa: "\f7a4";
}
.fa-grip-lines-vertical {
--fa: "\f7a5";
}
.fa-guitar {
--fa: "\f7a6";
}
.fa-heart-crack {
--fa: "\f7a9";
}
.fa-heart-broken {
--fa: "\f7a9";
}
.fa-holly-berry {
--fa: "\f7aa";
}
.fa-horse-head {
--fa: "\f7ab";
}
.fa-icicles {
--fa: "\f7ad";
}
.fa-igloo {
--fa: "\f7ae";
}
.fa-mitten {
--fa: "\f7b5";
}
.fa-mug-hot {
--fa: "\f7b6";
}
.fa-radiation {
--fa: "\f7b9";
}
.fa-circle-radiation {
--fa: "\f7ba";
}
.fa-radiation-alt {
--fa: "\f7ba";
}
.fa-restroom {
--fa: "\f7bd";
}
.fa-satellite {
--fa: "\f7bf";
}
.fa-satellite-dish {
--fa: "\f7c0";
}
.fa-sd-card {
--fa: "\f7c2";
}
.fa-sim-card {
--fa: "\f7c4";
}
.fa-person-skating {
--fa: "\f7c5";
}
.fa-skating {
--fa: "\f7c5";
}
.fa-person-skiing {
--fa: "\f7c9";
}
.fa-skiing {
--fa: "\f7c9";
}
.fa-person-skiing-nordic {
--fa: "\f7ca";
}
.fa-skiing-nordic {
--fa: "\f7ca";
}
.fa-sleigh {
--fa: "\f7cc";
}
.fa-comment-sms {
--fa: "\f7cd";
}
.fa-sms {
--fa: "\f7cd";
}
.fa-person-snowboarding {
--fa: "\f7ce";
}
.fa-snowboarding {
--fa: "\f7ce";
}
.fa-snowman {
--fa: "\f7d0";
}
.fa-snowplow {
--fa: "\f7d2";
}
.fa-tenge-sign {
--fa: "\f7d7";
}
.fa-tenge {
--fa: "\f7d7";
}
.fa-toilet {
--fa: "\f7d8";
}
.fa-screwdriver-wrench {
--fa: "\f7d9";
}
.fa-tools {
--fa: "\f7d9";
}
.fa-cable-car {
--fa: "\f7da";
}
.fa-tram {
--fa: "\f7da";
}
.fa-fire-flame-curved {
--fa: "\f7e4";
}
.fa-fire-alt {
--fa: "\f7e4";
}
.fa-bacon {
--fa: "\f7e5";
}
.fa-book-medical {
--fa: "\f7e6";
}
.fa-bread-slice {
--fa: "\f7ec";
}
.fa-cheese {
--fa: "\f7ef";
}
.fa-house-chimney-medical {
--fa: "\f7f2";
}
.fa-clinic-medical {
--fa: "\f7f2";
}
.fa-clipboard-user {
--fa: "\f7f3";
}
.fa-comment-medical {
--fa: "\f7f5";
}
.fa-crutch {
--fa: "\f7f7";
}
.fa-disease {
--fa: "\f7fa";
}
.fa-egg {
--fa: "\f7fb";
}
.fa-folder-tree {
--fa: "\f802";
}
.fa-burger {
--fa: "\f805";
}
.fa-hamburger {
--fa: "\f805";
}
.fa-hand-middle-finger {
--fa: "\f806";
}
.fa-helmet-safety {
--fa: "\f807";
}
.fa-hard-hat {
--fa: "\f807";
}
.fa-hat-hard {
--fa: "\f807";
}
.fa-hospital-user {
--fa: "\f80d";
}
.fa-hotdog {
--fa: "\f80f";
}
.fa-ice-cream {
--fa: "\f810";
}
.fa-laptop-medical {
--fa: "\f812";
}
.fa-pager {
--fa: "\f815";
}
.fa-pepper-hot {
--fa: "\f816";
}
.fa-pizza-slice {
--fa: "\f818";
}
.fa-sack-dollar {
--fa: "\f81d";
}
.fa-book-tanakh {
--fa: "\f827";
}
.fa-tanakh {
--fa: "\f827";
}
.fa-bars-progress {
--fa: "\f828";
}
.fa-tasks-alt {
--fa: "\f828";
}
.fa-trash-arrow-up {
--fa: "\f829";
}
.fa-trash-restore {
--fa: "\f829";
}
.fa-trash-can-arrow-up {
--fa: "\f82a";
}
.fa-trash-restore-alt {
--fa: "\f82a";
}
.fa-user-nurse {
--fa: "\f82f";
}
.fa-wave-square {
--fa: "\f83e";
}
.fa-person-biking {
--fa: "\f84a";
}
.fa-biking {
--fa: "\f84a";
}
.fa-border-all {
--fa: "\f84c";
}
.fa-border-none {
--fa: "\f850";
}
.fa-border-top-left {
--fa: "\f853";
}
.fa-border-style {
--fa: "\f853";
}
.fa-person-digging {
--fa: "\f85e";
}
.fa-digging {
--fa: "\f85e";
}
.fa-fan {
--fa: "\f863";
}
.fa-icons {
--fa: "\f86d";
}
.fa-heart-music-camera-bolt {
--fa: "\f86d";
}
.fa-phone-flip {
--fa: "\f879";
}
.fa-phone-alt {
--fa: "\f879";
}
.fa-square-phone-flip {
--fa: "\f87b";
}
.fa-phone-square-alt {
--fa: "\f87b";
}
.fa-photo-film {
--fa: "\f87c";
}
.fa-photo-video {
--fa: "\f87c";
}
.fa-text-slash {
--fa: "\f87d";
}
.fa-remove-format {
--fa: "\f87d";
}
.fa-arrow-down-z-a {
--fa: "\f881";
}
.fa-sort-alpha-desc {
--fa: "\f881";
}
.fa-sort-alpha-down-alt {
--fa: "\f881";
}
.fa-arrow-up-z-a {
--fa: "\f882";
}
.fa-sort-alpha-up-alt {
--fa: "\f882";
}
.fa-arrow-down-short-wide {
--fa: "\f884";
}
.fa-sort-amount-desc {
--fa: "\f884";
}
.fa-sort-amount-down-alt {
--fa: "\f884";
}
.fa-arrow-up-short-wide {
--fa: "\f885";
}
.fa-sort-amount-up-alt {
--fa: "\f885";
}
.fa-arrow-down-9-1 {
--fa: "\f886";
}
.fa-sort-numeric-desc {
--fa: "\f886";
}
.fa-sort-numeric-down-alt {
--fa: "\f886";
}
.fa-arrow-up-9-1 {
--fa: "\f887";
}
.fa-sort-numeric-up-alt {
--fa: "\f887";
}
.fa-spell-check {
--fa: "\f891";
}
.fa-voicemail {
--fa: "\f897";
}
.fa-hat-cowboy {
--fa: "\f8c0";
}
.fa-hat-cowboy-side {
--fa: "\f8c1";
}
.fa-computer-mouse {
--fa: "\f8cc";
}
.fa-mouse {
--fa: "\f8cc";
}
.fa-radio {
--fa: "\f8d7";
}
.fa-record-vinyl {
--fa: "\f8d9";
}
.fa-walkie-talkie {
--fa: "\f8ef";
}
.fa-caravan {
--fa: "\f8ff";
}
.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 Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2026 Fonticons, Inc.
*/
:root,
:host {
--fa-family-brands: 'Font Awesome 7 Brands';
--fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
}
@font-face {
font-family: 'Font Awesome 7 Brands';
font-style: normal;
font-weight: 400;
font-display: block;
src: url('/public/font/fa-brands-400.woff2') format('woff2'), url('/public/font/fa-brands-400.ttf') format('truetype');
}
.fab,
.fa-brands,
.fa-classic.fa-brands {
--fa-family: var(--fa-family-brands);
--fa-style: 400;
}
.fa-firefox-browser {
--fa: "\e007";
}
.fa-ideal {
--fa: "\e013";
}
.fa-microblog {
--fa: "\e01a";
}
.fa-square-pied-piper {
--fa: "\e01e";
}
.fa-pied-piper-square {
--fa: "\e01e";
}
.fa-unity {
--fa: "\e049";
}
.fa-dailymotion {
--fa: "\e052";
}
.fa-square-instagram {
--fa: "\e055";
}
.fa-instagram-square {
--fa: "\e055";
}
.fa-mixer {
--fa: "\e056";
}
.fa-shopify {
--fa: "\e057";
}
.fa-deezer {
--fa: "\e077";
}
.fa-edge-legacy {
--fa: "\e078";
}
.fa-google-pay {
--fa: "\e079";
}
.fa-rust {
--fa: "\e07a";
}
.fa-tiktok {
--fa: "\e07b";
}
.fa-unsplash {
--fa: "\e07c";
}
.fa-cloudflare {
--fa: "\e07d";
}
.fa-guilded {
--fa: "\e07e";
}
.fa-hive {
--fa: "\e07f";
}
.fa-42-group {
--fa: "\e080";
}
.fa-innosoft {
--fa: "\e080";
}
.fa-instalod {
--fa: "\e081";
}
.fa-octopus-deploy {
--fa: "\e082";
}
.fa-perbyte {
--fa: "\e083";
}
.fa-uncharted {
--fa: "\e084";
}
.fa-watchman-monitoring {
--fa: "\e087";
}
.fa-wodu {
--fa: "\e088";
}
.fa-wirsindhandwerk {
--fa: "\e2d0";
}
.fa-wsh {
--fa: "\e2d0";
}
.fa-bots {
--fa: "\e340";
}
.fa-cmplid {
--fa: "\e360";
}
.fa-bilibili {
--fa: "\e3d9";
}
.fa-golang {
--fa: "\e40f";
}
.fa-pix {
--fa: "\e43a";
}
.fa-sitrox {
--fa: "\e44a";
}
.fa-hashnode {
--fa: "\e499";
}
.fa-meta {
--fa: "\e49b";
}
.fa-padlet {
--fa: "\e4a0";
}
.fa-nfc-directional {
--fa: "\e530";
}
.fa-nfc-symbol {
--fa: "\e531";
}
.fa-screenpal {
--fa: "\e570";
}
.fa-space-awesome {
--fa: "\e5ac";
}
.fa-square-font-awesome {
--fa: "\e5ad";
}
.fa-square-gitlab {
--fa: "\e5ae";
}
.fa-gitlab-square {
--fa: "\e5ae";
}
.fa-odysee {
--fa: "\e5c6";
}
.fa-stubber {
--fa: "\e5c7";
}
.fa-debian {
--fa: "\e60b";
}
.fa-shoelace {
--fa: "\e60c";
}
.fa-threads {
--fa: "\e618";
}
.fa-square-threads {
--fa: "\e619";
}
.fa-square-x-twitter {
--fa: "\e61a";
}
.fa-x-twitter {
--fa: "\e61b";
}
.fa-opensuse {
--fa: "\e62b";
}
.fa-letterboxd {
--fa: "\e62d";
}
.fa-square-letterboxd {
--fa: "\e62e";
}
.fa-mintbit {
--fa: "\e62f";
}
.fa-google-scholar {
--fa: "\e63b";
}
.fa-brave {
--fa: "\e63c";
}
.fa-brave-reverse {
--fa: "\e63d";
}
.fa-pixiv {
--fa: "\e640";
}
.fa-upwork {
--fa: "\e641";
}
.fa-webflow {
--fa: "\e65c";
}
.fa-signal-messenger {
--fa: "\e663";
}
.fa-bluesky {
--fa: "\e671";
}
.fa-jxl {
--fa: "\e67b";
}
.fa-square-upwork {
--fa: "\e67c";
}
.fa-web-awesome {
--fa: "\e682";
}
.fa-square-web-awesome {
--fa: "\e683";
}
.fa-square-web-awesome-stroke {
--fa: "\e684";
}
.fa-dart-lang {
--fa: "\e693";
}
.fa-flutter {
--fa: "\e694";
}
.fa-files-pinwheel {
--fa: "\e69f";
}
.fa-css {
--fa: "\e6a2";
}
.fa-square-bluesky {
--fa: "\e6a3";
}
.fa-openai {
--fa: "\e7cf";
}
.fa-square-linkedin {
--fa: "\e7d0";
}
.fa-cash-app {
--fa: "\e7d4";
}
.fa-disqus {
--fa: "\e7d5";
}
.fa-eleventy {
--fa: "\e7d6";
}
.fa-11ty {
--fa: "\e7d6";
}
.fa-kakao-talk {
--fa: "\e7d7";
}
.fa-linktree {
--fa: "\e7d8";
}
.fa-notion {
--fa: "\e7d9";
}
.fa-pandora {
--fa: "\e7da";
}
.fa-pixelfed {
--fa: "\e7db";
}
.fa-tidal {
--fa: "\e7dc";
}
.fa-vsco {
--fa: "\e7dd";
}
.fa-w3c {
--fa: "\e7de";
}
.fa-lumon {
--fa: "\e7e2";
}
.fa-lumon-drop {
--fa: "\e7e3";
}
.fa-square-figma {
--fa: "\e7e4";
}
.fa-tex {
--fa: "\e7ff";
}
.fa-duolingo {
--fa: "\e812";
}
.fa-supportnow {
--fa: "\e833";
}
.fa-tor-browser {
--fa: "\e838";
}
.fa-typescript {
--fa: "\e840";
}
.fa-square-deskpro {
--fa: "\e844";
}
.fa-circle-zulip {
--fa: "\e851";
}
.fa-julia {
--fa: "\e852";
}
.fa-zulip {
--fa: "\e853";
}
.fa-unison {
--fa: "\e854";
}
.fa-board-game-geek {
--fa: "\e855";
}
.fa-bgg {
--fa: "\e855";
}
.fa-ko-fi {
--fa: "\e856";
}
.fa-kubernetes {
--fa: "\e857";
}
.fa-postgresql {
--fa: "\e858";
}
.fa-scaleway {
--fa: "\e859";
}
.fa-venmo {
--fa: "\e85a";
}
.fa-venmo-v {
--fa: "\e85b";
}
.fa-unreal-engine {
--fa: "\e85c";
}
.fa-globaleaks {
--fa: "\e85d";
}
.fa-solana {
--fa: "\e85e";
}
.fa-threema {
--fa: "\e85f";
}
.fa-forgejo {
--fa: "\e860";
}
.fa-claude {
--fa: "\e861";
}
.fa-gitee {
--fa: "\e863";
}
.fa-xmpp {
--fa: "\e864";
}
.fa-fediverse {
--fa: "\e865";
}
.fa-tailwind-css {
--fa: "\e866";
}
.fa-arch-linux {
--fa: "\e867";
}
.fa-svelte {
--fa: "\e868";
}
.fa-hugging-face {
--fa: "\e869";
}
.fa-leetcode {
--fa: "\e86a";
}
.fa-openstreetmap {
--fa: "\e86b";
}
.fa-ultralytics {
--fa: "\e86d";
}
.fa-ultralytics-hub {
--fa: "\e86e";
}
.fa-ultralytics-yolo {
--fa: "\e86f";
}
.fa-obsidian {
--fa: "\e879";
}
.fa-zoom {
--fa: "\e87b";
}
.fa-vim {
--fa: "\e88a";
}
.fa-symfonycasts {
--fa: "\e8ab";
}
.fa-build-awesome {
--fa: "\e8ac";
}
.fa-codeberg {
--fa: "\e8ad";
}
.fa-devpost {
--fa: "\e8ae";
}
.fa-internet-archive {
--fa: "\e8b1";
}
.fa-lets-encrypt {
--fa: "\e8b2";
}
.fa-matrix {
--fa: "\e8b3";
}
.fa-mattermost {
--fa: "\e8b4";
}
.fa-nextcloud {
--fa: "\e8b5";
}
.fa-roblox-creator-studio {
--fa: "\e8b6";
}
.fa-square-build-awesome-stroke {
--fa: "\e8b7";
}
.fa-substack {
--fa: "\e8b8";
}
.fa-tesla {
--fa: "\e8b9";
}
.fa-xrp {
--fa: "\e8ba";
}
.fa-xrpl {
--fa: "\e8bb";
}
.fa-youtube-shorts {
--fa: "\e8bc";
}
.fa-ror {
--fa: "\e8bd";
}
.fa-visual-studio {
--fa: "\e8be";
}
.fa-dolibarr {
--fa: "\e8bf";
}
.fa-obs-studio {
--fa: "\e8c0";
}
.fa-storybook {
--fa: "\e8c1";
}
.fa-a11y-project {
--fa: "\e8c2";
}
.fa-copilot {
--fa: "\e8c7";
}
.fa-square-twitter {
--fa: "\f081";
}
.fa-twitter-square {
--fa: "\f081";
}
.fa-square-facebook {
--fa: "\f082";
}
.fa-facebook-square {
--fa: "\f082";
}
.fa-linkedin {
--fa: "\f08c";
}
.fa-square-github {
--fa: "\f092";
}
.fa-github-square {
--fa: "\f092";
}
.fa-twitter {
--fa: "\f099";
}
.fa-facebook {
--fa: "\f09a";
}
.fa-github {
--fa: "\f09b";
}
.fa-pinterest {
--fa: "\f0d2";
}
.fa-square-pinterest {
--fa: "\f0d3";
}
.fa-pinterest-square {
--fa: "\f0d3";
}
.fa-square-google-plus {
--fa: "\f0d4";
}
.fa-google-plus-square {
--fa: "\f0d4";
}
.fa-google-plus-g {
--fa: "\f0d5";
}
.fa-linkedin-in {
--fa: "\f0e1";
}
.fa-github-alt {
--fa: "\f113";
}
.fa-maxcdn {
--fa: "\f136";
}
.fa-html5 {
--fa: "\f13b";
}
.fa-css3 {
--fa: "\f13c";
}
.fa-btc {
--fa: "\f15a";
}
.fa-youtube {
--fa: "\f167";
}
.fa-xing {
--fa: "\f168";
}
.fa-square-xing {
--fa: "\f169";
}
.fa-xing-square {
--fa: "\f169";
}
.fa-dropbox {
--fa: "\f16b";
}
.fa-stack-overflow {
--fa: "\f16c";
}
.fa-instagram {
--fa: "\f16d";
}
.fa-flickr {
--fa: "\f16e";
}
.fa-adn {
--fa: "\f170";
}
.fa-bitbucket {
--fa: "\f171";
}
.fa-tumblr {
--fa: "\f173";
}
.fa-square-tumblr {
--fa: "\f174";
}
.fa-tumblr-square {
--fa: "\f174";
}
.fa-apple {
--fa: "\f179";
}
.fa-windows {
--fa: "\f17a";
}
.fa-android {
--fa: "\f17b";
}
.fa-linux {
--fa: "\f17c";
}
.fa-dribbble {
--fa: "\f17d";
}
.fa-skype {
--fa: "\f17e";
}
.fa-foursquare {
--fa: "\f180";
}
.fa-trello {
--fa: "\f181";
}
.fa-gratipay {
--fa: "\f184";
}
.fa-vk {
--fa: "\f189";
}
.fa-weibo {
--fa: "\f18a";
}
.fa-renren {
--fa: "\f18b";
}
.fa-pagelines {
--fa: "\f18c";
}
.fa-stack-exchange {
--fa: "\f18d";
}
.fa-square-vimeo {
--fa: "\f194";
}
.fa-vimeo-square {
--fa: "\f194";
}
.fa-slack {
--fa: "\f198";
}
.fa-slack-hash {
--fa: "\f198";
}
.fa-wordpress {
--fa: "\f19a";
}
.fa-openid {
--fa: "\f19b";
}
.fa-yahoo {
--fa: "\f19e";
}
.fa-google {
--fa: "\f1a0";
}
.fa-reddit {
--fa: "\f1a1";
}
.fa-square-reddit {
--fa: "\f1a2";
}
.fa-reddit-square {
--fa: "\f1a2";
}
.fa-stumbleupon-circle {
--fa: "\f1a3";
}
.fa-stumbleupon {
--fa: "\f1a4";
}
.fa-delicious {
--fa: "\f1a5";
}
.fa-digg {
--fa: "\f1a6";
}
.fa-pied-piper-pp {
--fa: "\f1a7";
}
.fa-pied-piper-alt {
--fa: "\f1a8";
}
.fa-drupal {
--fa: "\f1a9";
}
.fa-joomla {
--fa: "\f1aa";
}
.fa-behance {
--fa: "\f1b4";
}
.fa-square-behance {
--fa: "\f1b5";
}
.fa-behance-square {
--fa: "\f1b5";
}
.fa-steam {
--fa: "\f1b6";
}
.fa-square-steam {
--fa: "\f1b7";
}
.fa-steam-square {
--fa: "\f1b7";
}
.fa-spotify {
--fa: "\f1bc";
}
.fa-deviantart {
--fa: "\f1bd";
}
.fa-soundcloud {
--fa: "\f1be";
}
.fa-vine {
--fa: "\f1ca";
}
.fa-codepen {
--fa: "\f1cb";
}
.fa-jsfiddle {
--fa: "\f1cc";
}
.fa-rebel {
--fa: "\f1d0";
}
.fa-empire {
--fa: "\f1d1";
}
.fa-square-git {
--fa: "\f1d2";
}
.fa-git-square {
--fa: "\f1d2";
}
.fa-git {
--fa: "\f1d3";
}
.fa-hacker-news {
--fa: "\f1d4";
}
.fa-tencent-weibo {
--fa: "\f1d5";
}
.fa-qq {
--fa: "\f1d6";
}
.fa-weixin {
--fa: "\f1d7";
}
.fa-slideshare {
--fa: "\f1e7";
}
.fa-twitch {
--fa: "\f1e8";
}
.fa-yelp {
--fa: "\f1e9";
}
.fa-paypal {
--fa: "\f1ed";
}
.fa-google-wallet {
--fa: "\f1ee";
}
.fa-cc-visa {
--fa: "\f1f0";
}
.fa-cc-mastercard {
--fa: "\f1f1";
}
.fa-cc-discover {
--fa: "\f1f2";
}
.fa-cc-amex {
--fa: "\f1f3";
}
.fa-cc-paypal {
--fa: "\f1f4";
}
.fa-cc-stripe {
--fa: "\f1f5";
}
.fa-lastfm {
--fa: "\f202";
}
.fa-square-lastfm {
--fa: "\f203";
}
.fa-lastfm-square {
--fa: "\f203";
}
.fa-ioxhost {
--fa: "\f208";
}
.fa-angellist {
--fa: "\f209";
}
.fa-buysellads {
--fa: "\f20d";
}
.fa-connectdevelop {
--fa: "\f20e";
}
.fa-dashcube {
--fa: "\f210";
}
.fa-forumbee {
--fa: "\f211";
}
.fa-leanpub {
--fa: "\f212";
}
.fa-sellsy {
--fa: "\f213";
}
.fa-shirtsinbulk {
--fa: "\f214";
}
.fa-simplybuilt {
--fa: "\f215";
}
.fa-skyatlas {
--fa: "\f216";
}
.fa-pinterest-p {
--fa: "\f231";
}
.fa-whatsapp {
--fa: "\f232";
}
.fa-viacoin {
--fa: "\f237";
}
.fa-medium {
--fa: "\f23a";
}
.fa-medium-m {
--fa: "\f23a";
}
.fa-y-combinator {
--fa: "\f23b";
}
.fa-optin-monster {
--fa: "\f23c";
}
.fa-opencart {
--fa: "\f23d";
}
.fa-expeditedssl {
--fa: "\f23e";
}
.fa-cc-jcb {
--fa: "\f24b";
}
.fa-cc-diners-club {
--fa: "\f24c";
}
.fa-creative-commons {
--fa: "\f25e";
}
.fa-gg {
--fa: "\f260";
}
.fa-gg-circle {
--fa: "\f261";
}
.fa-odnoklassniki {
--fa: "\f263";
}
.fa-square-odnoklassniki {
--fa: "\f264";
}
.fa-odnoklassniki-square {
--fa: "\f264";
}
.fa-get-pocket {
--fa: "\f265";
}
.fa-wikipedia-w {
--fa: "\f266";
}
.fa-safari {
--fa: "\f267";
}
.fa-chrome {
--fa: "\f268";
}
.fa-firefox {
--fa: "\f269";
}
.fa-opera {
--fa: "\f26a";
}
.fa-internet-explorer {
--fa: "\f26b";
}
.fa-contao {
--fa: "\f26d";
}
.fa-500px {
--fa: "\f26e";
}
.fa-amazon {
--fa: "\f270";
}
.fa-houzz {
--fa: "\f27c";
}
.fa-vimeo-v {
--fa: "\f27d";
}
.fa-black-tie {
--fa: "\f27e";
}
.fa-fonticons {
--fa: "\f280";
}
.fa-reddit-alien {
--fa: "\f281";
}
.fa-edge {
--fa: "\f282";
}
.fa-codiepie {
--fa: "\f284";
}
.fa-modx {
--fa: "\f285";
}
.fa-fort-awesome {
--fa: "\f286";
}
.fa-usb {
--fa: "\f287";
}
.fa-product-hunt {
--fa: "\f288";
}
.fa-mixcloud {
--fa: "\f289";
}
.fa-scribd {
--fa: "\f28a";
}
.fa-bluetooth {
--fa: "\f293";
}
.fa-bluetooth-b {
--fa: "\f294";
}
.fa-gitlab {
--fa: "\f296";
}
.fa-wpbeginner {
--fa: "\f297";
}
.fa-wpforms {
--fa: "\f298";
}
.fa-envira {
--fa: "\f299";
}
.fa-glide {
--fa: "\f2a5";
}
.fa-glide-g {
--fa: "\f2a6";
}
.fa-viadeo {
--fa: "\f2a9";
}
.fa-square-viadeo {
--fa: "\f2aa";
}
.fa-viadeo-square {
--fa: "\f2aa";
}
.fa-snapchat {
--fa: "\f2ab";
}
.fa-snapchat-ghost {
--fa: "\f2ab";
}
.fa-square-snapchat {
--fa: "\f2ad";
}
.fa-snapchat-square {
--fa: "\f2ad";
}
.fa-pied-piper {
--fa: "\f2ae";
}
.fa-first-order {
--fa: "\f2b0";
}
.fa-yoast {
--fa: "\f2b1";
}
.fa-themeisle {
--fa: "\f2b2";
}
.fa-google-plus {
--fa: "\f2b3";
}
.fa-font-awesome {
--fa: "\f2b4";
}
.fa-font-awesome-flag {
--fa: "\f2b4";
}
.fa-font-awesome-logo-full {
--fa: "\f2b4";
}
.fa-linode {
--fa: "\f2b8";
}
.fa-quora {
--fa: "\f2c4";
}
.fa-free-code-camp {
--fa: "\f2c5";
}
.fa-telegram {
--fa: "\f2c6";
}
.fa-telegram-plane {
--fa: "\f2c6";
}
.fa-bandcamp {
--fa: "\f2d5";
}
.fa-grav {
--fa: "\f2d6";
}
.fa-etsy {
--fa: "\f2d7";
}
.fa-imdb {
--fa: "\f2d8";
}
.fa-ravelry {
--fa: "\f2d9";
}
.fa-sellcast {
--fa: "\f2da";
}
.fa-superpowers {
--fa: "\f2dd";
}
.fa-wpexplorer {
--fa: "\f2de";
}
.fa-meetup {
--fa: "\f2e0";
}
.fa-square-font-awesome-stroke {
--fa: "\f35c";
}
.fa-font-awesome-alt {
--fa: "\f35c";
}
.fa-accessible-icon {
--fa: "\f368";
}
.fa-accusoft {
--fa: "\f369";
}
.fa-adversal {
--fa: "\f36a";
}
.fa-affiliatetheme {
--fa: "\f36b";
}
.fa-algolia {
--fa: "\f36c";
}
.fa-amilia {
--fa: "\f36d";
}
.fa-angrycreative {
--fa: "\f36e";
}
.fa-app-store {
--fa: "\f36f";
}
.fa-app-store-ios {
--fa: "\f370";
}
.fa-apper {
--fa: "\f371";
}
.fa-asymmetrik {
--fa: "\f372";
}
.fa-audible {
--fa: "\f373";
}
.fa-avianex {
--fa: "\f374";
}
.fa-aws {
--fa: "\f375";
}
.fa-bimobject {
--fa: "\f378";
}
.fa-bitcoin {
--fa: "\f379";
}
.fa-bity {
--fa: "\f37a";
}
.fa-blackberry {
--fa: "\f37b";
}
.fa-blogger {
--fa: "\f37c";
}
.fa-blogger-b {
--fa: "\f37d";
}
.fa-buromobelexperte {
--fa: "\f37f";
}
.fa-centercode {
--fa: "\f380";
}
.fa-cloudscale {
--fa: "\f383";
}
.fa-cloudsmith {
--fa: "\f384";
}
.fa-cloudversify {
--fa: "\f385";
}
.fa-cpanel {
--fa: "\f388";
}
.fa-css3-alt {
--fa: "\f38b";
}
.fa-cuttlefish {
--fa: "\f38c";
}
.fa-d-and-d {
--fa: "\f38d";
}
.fa-deploydog {
--fa: "\f38e";
}
.fa-deskpro {
--fa: "\f38f";
}
.fa-digital-ocean {
--fa: "\f391";
}
.fa-discord {
--fa: "\f392";
}
.fa-discourse {
--fa: "\f393";
}
.fa-dochub {
--fa: "\f394";
}
.fa-docker {
--fa: "\f395";
}
.fa-draft2digital {
--fa: "\f396";
}
.fa-square-dribbble {
--fa: "\f397";
}
.fa-dribbble-square {
--fa: "\f397";
}
.fa-dyalog {
--fa: "\f399";
}
.fa-earlybirds {
--fa: "\f39a";
}
.fa-erlang {
--fa: "\f39d";
}
.fa-facebook-f {
--fa: "\f39e";
}
.fa-facebook-messenger {
--fa: "\f39f";
}
.fa-firstdraft {
--fa: "\f3a1";
}
.fa-fonticons-fi {
--fa: "\f3a2";
}
.fa-fort-awesome-alt {
--fa: "\f3a3";
}
.fa-freebsd {
--fa: "\f3a4";
}
.fa-gitkraken {
--fa: "\f3a6";
}
.fa-gofore {
--fa: "\f3a7";
}
.fa-goodreads {
--fa: "\f3a8";
}
.fa-goodreads-g {
--fa: "\f3a9";
}
.fa-google-drive {
--fa: "\f3aa";
}
.fa-google-play {
--fa: "\f3ab";
}
.fa-gripfire {
--fa: "\f3ac";
}
.fa-grunt {
--fa: "\f3ad";
}
.fa-gulp {
--fa: "\f3ae";
}
.fa-square-hacker-news {
--fa: "\f3af";
}
.fa-hacker-news-square {
--fa: "\f3af";
}
.fa-hire-a-helper {
--fa: "\f3b0";
}
.fa-hotjar {
--fa: "\f3b1";
}
.fa-hubspot {
--fa: "\f3b2";
}
.fa-itunes {
--fa: "\f3b4";
}
.fa-itunes-note {
--fa: "\f3b5";
}
.fa-jenkins {
--fa: "\f3b6";
}
.fa-joget {
--fa: "\f3b7";
}
.fa-js {
--fa: "\f3b8";
}
.fa-square-js {
--fa: "\f3b9";
}
.fa-js-square {
--fa: "\f3b9";
}
.fa-keycdn {
--fa: "\f3ba";
}
.fa-kickstarter {
--fa: "\f3bb";
}
.fa-square-kickstarter {
--fa: "\f3bb";
}
.fa-kickstarter-k {
--fa: "\f3bc";
}
.fa-laravel {
--fa: "\f3bd";
}
.fa-line {
--fa: "\f3c0";
}
.fa-lyft {
--fa: "\f3c3";
}
.fa-magento {
--fa: "\f3c4";
}
.fa-medapps {
--fa: "\f3c6";
}
.fa-medrt {
--fa: "\f3c8";
}
.fa-microsoft {
--fa: "\f3ca";
}
.fa-mix {
--fa: "\f3cb";
}
.fa-mizuni {
--fa: "\f3cc";
}
.fa-monero {
--fa: "\f3d0";
}
.fa-napster {
--fa: "\f3d2";
}
.fa-node-js {
--fa: "\f3d3";
}
.fa-npm {
--fa: "\f3d4";
}
.fa-ns8 {
--fa: "\f3d5";
}
.fa-nutritionix {
--fa: "\f3d6";
}
.fa-page4 {
--fa: "\f3d7";
}
.fa-palfed {
--fa: "\f3d8";
}
.fa-patreon {
--fa: "\f3d9";
}
.fa-periscope {
--fa: "\f3da";
}
.fa-phabricator {
--fa: "\f3db";
}
.fa-phoenix-framework {
--fa: "\f3dc";
}
.fa-playstation {
--fa: "\f3df";
}
.fa-pushed {
--fa: "\f3e1";
}
.fa-python {
--fa: "\f3e2";
}
.fa-red-river {
--fa: "\f3e3";
}
.fa-wpressr {
--fa: "\f3e4";
}
.fa-rendact {
--fa: "\f3e4";
}
.fa-replyd {
--fa: "\f3e6";
}
.fa-resolving {
--fa: "\f3e7";
}
.fa-rocketchat {
--fa: "\f3e8";
}
.fa-rockrms {
--fa: "\f3e9";
}
.fa-schlix {
--fa: "\f3ea";
}
.fa-searchengin {
--fa: "\f3eb";
}
.fa-servicestack {
--fa: "\f3ec";
}
.fa-sistrix {
--fa: "\f3ee";
}
.fa-speakap {
--fa: "\f3f3";
}
.fa-staylinked {
--fa: "\f3f5";
}
.fa-steam-symbol {
--fa: "\f3f6";
}
.fa-sticker-mule {
--fa: "\f3f7";
}
.fa-studiovinari {
--fa: "\f3f8";
}
.fa-supple {
--fa: "\f3f9";
}
.fa-uber {
--fa: "\f402";
}
.fa-uikit {
--fa: "\f403";
}
.fa-uniregistry {
--fa: "\f404";
}
.fa-untappd {
--fa: "\f405";
}
.fa-ussunnah {
--fa: "\f407";
}
.fa-vaadin {
--fa: "\f408";
}
.fa-viber {
--fa: "\f409";
}
.fa-vimeo {
--fa: "\f40a";
}
.fa-vnv {
--fa: "\f40b";
}
.fa-square-whatsapp {
--fa: "\f40c";
}
.fa-whatsapp-square {
--fa: "\f40c";
}
.fa-whmcs {
--fa: "\f40d";
}
.fa-wordpress-simple {
--fa: "\f411";
}
.fa-xbox {
--fa: "\f412";
}
.fa-yandex {
--fa: "\f413";
}
.fa-yandex-international {
--fa: "\f414";
}
.fa-apple-pay {
--fa: "\f415";
}
.fa-cc-apple-pay {
--fa: "\f416";
}
.fa-fly {
--fa: "\f417";
}
.fa-node {
--fa: "\f419";
}
.fa-osi {
--fa: "\f41a";
}
.fa-react {
--fa: "\f41b";
}
.fa-autoprefixer {
--fa: "\f41c";
}
.fa-less {
--fa: "\f41d";
}
.fa-sass {
--fa: "\f41e";
}
.fa-vuejs {
--fa: "\f41f";
}
.fa-angular {
--fa: "\f420";
}
.fa-aviato {
--fa: "\f421";
}
.fa-ember {
--fa: "\f423";
}
.fa-gitter {
--fa: "\f426";
}
.fa-hooli {
--fa: "\f427";
}
.fa-strava {
--fa: "\f428";
}
.fa-stripe {
--fa: "\f429";
}
.fa-stripe-s {
--fa: "\f42a";
}
.fa-typo3 {
--fa: "\f42b";
}
.fa-amazon-pay {
--fa: "\f42c";
}
.fa-cc-amazon-pay {
--fa: "\f42d";
}
.fa-ethereum {
--fa: "\f42e";
}
.fa-korvue {
--fa: "\f42f";
}
.fa-elementor {
--fa: "\f430";
}
.fa-square-youtube {
--fa: "\f431";
}
.fa-youtube-square {
--fa: "\f431";
}
.fa-flipboard {
--fa: "\f44d";
}
.fa-hips {
--fa: "\f452";
}
.fa-php {
--fa: "\f457";
}
.fa-quinscape {
--fa: "\f459";
}
.fa-readme {
--fa: "\f4d5";
}
.fa-java {
--fa: "\f4e4";
}
.fa-pied-piper-hat {
--fa: "\f4e5";
}
.fa-creative-commons-by {
--fa: "\f4e7";
}
.fa-creative-commons-nc {
--fa: "\f4e8";
}
.fa-creative-commons-nc-eu {
--fa: "\f4e9";
}
.fa-creative-commons-nc-jp {
--fa: "\f4ea";
}
.fa-creative-commons-nd {
--fa: "\f4eb";
}
.fa-creative-commons-pd {
--fa: "\f4ec";
}
.fa-creative-commons-pd-alt {
--fa: "\f4ed";
}
.fa-creative-commons-remix {
--fa: "\f4ee";
}
.fa-creative-commons-sa {
--fa: "\f4ef";
}
.fa-creative-commons-sampling {
--fa: "\f4f0";
}
.fa-creative-commons-sampling-plus {
--fa: "\f4f1";
}
.fa-creative-commons-share {
--fa: "\f4f2";
}
.fa-creative-commons-zero {
--fa: "\f4f3";
}
.fa-ebay {
--fa: "\f4f4";
}
.fa-keybase {
--fa: "\f4f5";
}
.fa-mastodon {
--fa: "\f4f6";
}
.fa-r-project {
--fa: "\f4f7";
}
.fa-researchgate {
--fa: "\f4f8";
}
.fa-teamspeak {
--fa: "\f4f9";
}
.fa-first-order-alt {
--fa: "\f50a";
}
.fa-fulcrum {
--fa: "\f50b";
}
.fa-galactic-republic {
--fa: "\f50c";
}
.fa-galactic-senate {
--fa: "\f50d";
}
.fa-jedi-order {
--fa: "\f50e";
}
.fa-mandalorian {
--fa: "\f50f";
}
.fa-old-republic {
--fa: "\f510";
}
.fa-phoenix-squadron {
--fa: "\f511";
}
.fa-sith {
--fa: "\f512";
}
.fa-trade-federation {
--fa: "\f513";
}
.fa-wolf-pack-battalion {
--fa: "\f514";
}
.fa-hornbill {
--fa: "\f592";
}
.fa-mailchimp {
--fa: "\f59e";
}
.fa-megaport {
--fa: "\f5a3";
}
.fa-nimblr {
--fa: "\f5a8";
}
.fa-rev {
--fa: "\f5b2";
}
.fa-shopware {
--fa: "\f5b5";
}
.fa-squarespace {
--fa: "\f5be";
}
.fa-themeco {
--fa: "\f5c6";
}
.fa-weebly {
--fa: "\f5cc";
}
.fa-wix {
--fa: "\f5cf";
}
.fa-ello {
--fa: "\f5f1";
}
.fa-hackerrank {
--fa: "\f5f7";
}
.fa-kaggle {
--fa: "\f5fa";
}
.fa-markdown {
--fa: "\f60f";
}
.fa-neos {
--fa: "\f612";
}
.fa-zhihu {
--fa: "\f63f";
}
.fa-alipay {
--fa: "\f642";
}
.fa-the-red-yeti {
--fa: "\f69d";
}
.fa-critical-role {
--fa: "\f6c9";
}
.fa-d-and-d-beyond {
--fa: "\f6ca";
}
.fa-dev {
--fa: "\f6cc";
}
.fa-fantasy-flight-games {
--fa: "\f6dc";
}
.fa-wizards-of-the-coast {
--fa: "\f730";
}
.fa-think-peaks {
--fa: "\f731";
}
.fa-reacteurope {
--fa: "\f75d";
}
.fa-artstation {
--fa: "\f77a";
}
.fa-atlassian {
--fa: "\f77b";
}
.fa-canadian-maple-leaf {
--fa: "\f785";
}
.fa-centos {
--fa: "\f789";
}
.fa-confluence {
--fa: "\f78d";
}
.fa-dhl {
--fa: "\f790";
}
.fa-diaspora {
--fa: "\f791";
}
.fa-fedex {
--fa: "\f797";
}
.fa-fedora {
--fa: "\f798";
}
.fa-figma {
--fa: "\f799";
}
.fa-intercom {
--fa: "\f7af";
}
.fa-invision {
--fa: "\f7b0";
}
.fa-jira {
--fa: "\f7b1";
}
.fa-mendeley {
--fa: "\f7b3";
}
.fa-raspberry-pi {
--fa: "\f7bb";
}
.fa-redhat {
--fa: "\f7bc";
}
.fa-sketch {
--fa: "\f7c6";
}
.fa-sourcetree {
--fa: "\f7d3";
}
.fa-suse {
--fa: "\f7d6";
}
.fa-ubuntu {
--fa: "\f7df";
}
.fa-ups {
--fa: "\f7e0";
}
.fa-usps {
--fa: "\f7e1";
}
.fa-yarn {
--fa: "\f7e3";
}
.fa-airbnb {
--fa: "\f834";
}
.fa-battle-net {
--fa: "\f835";
}
.fa-bootstrap {
--fa: "\f836";
}
.fa-buffer {
--fa: "\f837";
}
.fa-chromecast {
--fa: "\f838";
}
.fa-evernote {
--fa: "\f839";
}
.fa-itch-io {
--fa: "\f83a";
}
.fa-salesforce {
--fa: "\f83b";
}
.fa-speaker-deck {
--fa: "\f83c";
}
.fa-symfony {
--fa: "\f83d";
}
.fa-waze {
--fa: "\f83f";
}
.fa-yammer {
--fa: "\f840";
}
.fa-git-alt {
--fa: "\f841";
}
.fa-stackpath {
--fa: "\f842";
}
.fa-cotton-bureau {
--fa: "\f89e";
}
.fa-buy-n-large {
--fa: "\f8a6";
}
.fa-mdb {
--fa: "\f8ca";
}
.fa-orcid {
--fa: "\f8d2";
}
.fa-swift {
--fa: "\f8e1";
}
.fa-umbraco {
--fa: "\f8e8";
}
/*!
* Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2026 Fonticons, Inc.
*/
:root,
:host {
--fa-family-classic: 'Font Awesome 7 Free';
--fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
/* deprecated: this older custom property will be removed next major release */
--fa-style-family-classic: var(--fa-family-classic);
}
@font-face {
font-family: 'Font Awesome 7 Free';
font-style: normal;
font-weight: 400;
font-display: block;
src: url('/public/font/fa-regular-400.woff2') format('woff2'), url('/public/font/fa-regular-400.ttf') format('truetype');
}
.far {
--fa-family: var(--fa-family-classic);
--fa-style: 400;
}
.fa-classic {
--fa-family: var(--fa-family-classic);
}
.fa-regular {
--fa-style: 400;
}
/*!
* Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2026 Fonticons, Inc.
*/
:root,
:host {
--fa-family-classic: 'Font Awesome 7 Free';
--fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
/* deprecated: this older custom property will be removed next major release */
--fa-style-family-classic: var(--fa-family-classic);
}
@font-face {
font-family: 'Font Awesome 7 Free';
font-style: normal;
font-weight: 900;
font-display: block;
src: url('/public/font/fa-solid-900.woff2') format('woff2'), url('/public/font/fa-solid-900.ttf') format('truetype');
}
.fas {
--fa-family: var(--fa-family-classic);
--fa-style: 900;
}
.fa-classic {
--fa-family: var(--fa-family-classic);
}
.fa-solid {
--fa-style: 900;
}
/*!
* Updated for Font Awesome 7 Free (converted from FA5 hax shim)
*/
[class^="icon-fa-"],
[class*=" icon-fa-"] {
display: inline-block;
font-family: 'Font Awesome 7 Free';
font-style: normal;
font-weight: 900;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: auto;
}
.icon-fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.icon-fa-2x {
font-size: 2em;
}
.icon-fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.icon-fa-ul > li {
position: relative;
}
.icon-fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.icon-fa-li.icon-fa-lg {
left: -1.85714286em;
}
.icon-fa.pull-left {
margin-right: 0.3em;
}
.icon-fa.pull-right {
margin-left: 0.3em;
}
.icon-fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.icon-fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.icon-fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.icon-fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.icon-fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
/* --- OLD SHIM ICONS (commented out for debug: all shim icons now show exclamation-circle in orange) ---*/
.icon-fa-adjust:before {
content: "\f042";
}
.icon-fa-align-center:before {
content: "\f037";
}
.icon-fa-align-justify:before {
content: "\f039";
}
.icon-fa-align-left:before {
content: "\f036";
}
.icon-fa-align-right:before {
content: "\f038";
}
.icon-fa-anchor:before {
content: "\f13d";
}
.icon-fa-android:before {
content: "\f17b";
}
.icon-fa-angle-double-down:before {
content: "\f103";
}
.icon-fa-angle-double-left:before {
content: "\f100";
}
.icon-fa-angle-double-right:before {
content: "\f101";
}
.icon-fa-angle-double-up:before {
content: "\f102";
}
.icon-fa-angle-down:before {
content: "\f107";
}
.icon-fa-angle-left:before {
content: "\f104";
}
.icon-fa-angle-right:before {
content: "\f105";
}
.icon-fa-angle-up:before {
content: "\f106";
}
.icon-fa-apple:before {
content: "\f179";
}
.icon-fa-archive:before {
content: "\f187";
}
.icon-fa-area-chart:before {
content: "\f1fe";
}
.icon-fa-arrow-circle-down:before {
content: "\f0ab";
}
.icon-fa-arrow-circle-left:before {
content: "\f0a8";
}
.icon-fa-arrow-circle-o-down:before {
content: "\f358";
font-weight: 400;
}
.icon-fa-arrow-circle-o-left:before {
content: "\f359";
font-weight: 400;
}
.icon-fa-arrow-circle-o-right:before {
content: "\f35a";
font-weight: 400;
}
.icon-fa-arrow-circle-o-up:before {
content: "\f35b";
font-weight: 400;
}
.icon-fa-arrow-circle-right:before {
content: "\f0a9";
}
.icon-fa-arrow-circle-up:before {
content: "\f0aa";
}
.icon-fa-arrow-down:before {
content: "\f063";
}
.icon-fa-arrow-left:before {
content: "\f060";
}
.icon-fa-arrow-right:before {
content: "\f061";
}
.icon-fa-arrow-up:before {
content: "\f062";
}
.icon-fa-arrows-alt:before {
content: "\f0b2";
}
.icon-fa-arrows-h:before {
content: "\f337";
}
.icon-fa-arrows-v:before {
content: "\f338";
}
.icon-fa-arrows:before {
content: "\f0b2";
}
.icon-fa-asterisk:before {
content: "\2a";
}
.icon-fa-at:before {
content: "\40";
}
.icon-fa-backward:before {
content: "\f04a";
}
.icon-fa-ban:before {
content: "\f05e";
}
.icon-fa-bar-chart-o:before,
.icon-fa-bar-chart:before {
content: "\f080";
font-weight: 400;
}
.icon-fa-barcode:before {
content: "\f02a";
}
.icon-fa-reorder:before,
.icon-fa-bars:before {
content: "\f0c9";
}
.icon-fa-beer:before {
content: "\f0fc";
}
.icon-fa-bell-o:before {
content: "\f0f3";
font-weight: 400;
}
.icon-fa-bell-slash-o:before {
content: "\f1f6";
font-weight: 400;
}
.icon-fa-bell-slash:before {
content: "\f1f6";
}
.icon-fa-bell:before {
content: "\f0f3";
}
.icon-fa-bicycle:before {
content: "\f206";
}
.icon-fa-binoculars:before {
content: "\f1e5";
}
.icon-fa-birthday-cake:before {
content: "\f1fd";
}
.icon-fa-flash:before,
.icon-fa-bolt:before {
content: "\f0e7";
}
.icon-fa-bomb:before {
content: "\f1e2";
}
.icon-fa-book:before {
content: "\f02d";
}
.icon-fa-bookmark-o:before {
content: "\f02e";
font-weight: 400;
}
.icon-fa-bookmark:before {
content: "\f02e";
}
.icon-fa-briefcase:before {
content: "\f0b1";
}
.icon-fa-bug:before {
content: "\f188";
}
.icon-fa-building-o:before {
content: "\f1ad";
font-weight: 400;
}
.icon-fa-building:before {
content: "\f1ad";
}
.icon-fa-bullhorn:before {
content: "\f0a1";
}
.icon-fa-bullseye:before {
content: "\f140";
}
.icon-fa-bus:before {
content: "\f207";
}
.icon-fa-calculator:before {
content: "\f1ec";
}
.icon-fa-calendar-o:before {
content: "\f133";
}
.icon-fa-calendar:before {
content: "\f133";
}
.icon-fa-camera-retro:before {
content: "\f083";
}
.icon-fa-camera:before {
content: "\f030";
}
.icon-fa-car:before {
content: "\f1b9";
}
.icon-fa-toggle-down:before,
.icon-fa-caret-down:before {
content: "\f0d7";
}
.icon-fa-toggle-left:before,
.icon-fa-caret-left:before {
content: "\f0d9";
}
.icon-fa-toggle-right:before,
.icon-fa-caret-right:before {
content: "\f0da";
}
.icon-fa-caret-square-o-down:before {
content: "\f150";
font-weight: 400;
}
.icon-fa-caret-square-o-left:before {
content: "\f191";
font-weight: 400;
}
.icon-fa-caret-square-o-right:before {
content: "\f152";
font-weight: 400;
}
.icon-fa-caret-square-o-up:before {
content: "\f151";
font-weight: 400;
}
.icon-fa-toggle-up:before,
.icon-fa-caret-up:before {
content: "\f0d8";
}
.icon-fa-cc-amex:before {
content: "\f1f3";
}
.icon-fa-cc-discover:before {
content: "\f1f2";
}
.icon-fa-cc-mastercard:before {
content: "\f1f1";
}
.icon-fa-cc-paypal:before {
content: "\f1f4";
}
.icon-fa-cc-stripe:before {
content: "\f1f5";
}
.icon-fa-cc-visa:before {
content: "\f1f0";
}
.icon-fa-cc:before {
content: "\f20a";
font-weight: 400;
}
.icon-fa-certificate:before {
content: "\f0a3";
}
.icon-fa-unlink:before,
.icon-fa-chain-broken:before {
content: "\f127";
}
.icon-fa-check-circle-o:before {
content: "\f058";
font-weight: 400;
}
.icon-fa-check-circle:before {
content: "\f058";
}
.icon-fa-check-square-o:before {
content: "\f14a";
font-weight: 400;
}
.icon-fa-check-square:before {
content: "\f14a";
}
.icon-fa-check:before {
content: "\f00c";
}
.icon-fa-chevron-circle-down:before {
content: "\f13a";
}
.icon-fa-chevron-circle-left:before {
content: "\f137";
}
.icon-fa-chevron-circle-right:before {
content: "\f138";
}
.icon-fa-chevron-circle-up:before {
content: "\f139";
}
.icon-fa-chevron-down:before {
content: "\f078";
}
.icon-fa-chevron-left:before {
content: "\f053";
}
.icon-fa-chevron-right:before {
content: "\f054";
}
.icon-fa-chevron-up:before {
content: "\f077";
}
.icon-fa-child:before {
content: "\f1ae";
}
.icon-fa-circle-o-notch:before {
content: "\f1ce";
font-weight: 400;
}
.icon-fa-circle-o:before {
content: "\f111";
font-weight: 400;
}
.icon-fa-circle-thin:before {
content: "\f111";
font-weight: 400;
}
.icon-fa-circle:before {
content: "\f111";
}
.icon-fa-paste:before,
.icon-fa-clipboard:before {
content: "\f328";
}
.icon-fa-clock-o:before {
content: "\f017";
font-weight: 400;
}
.icon-fa-close:before,
.icon-fa-cloud-download:before {
content: "\f0ed";
}
.icon-fa-cloud-upload:before {
content: "\f0ee";
}
.icon-fa-cloud:before {
content: "\f0c2";
}
.icon-fa-code:before {
content: "\f121";
}
.icon-fa-coffee:before {
content: "\f0f4";
}
.icon-fa-gear:before,
.icon-fa-cog:before {
content: "\f013";
}
.icon-fa-gears:before,
.icon-fa-cogs:before {
content: "\f085";
}
.icon-fa-columns:before {
content: "\f0db";
}
.icon-fa-comment-o:before {
content: "\f075";
font-weight: 400;
}
.icon-fa-comment:before {
content: "\f075";
}
.icon-fa-comments-o:before {
content: "\f086";
font-weight: 400;
}
.icon-fa-comments:before {
content: "\f086";
}
.icon-fa-compass:before {
content: "\f14e";
}
.icon-fa-compress:before {
content: "\f066";
}
.icon-fa-copyright:before {
content: "\f1f9";
}
.icon-fa-credit-card:before {
content: "\f09d";
}
.icon-fa-crop:before {
content: "\f125";
}
.icon-fa-crosshairs:before {
content: "\f05b";
}
.icon-fa-cube:before {
content: "\f1b2";
}
.icon-fa-cubes:before {
content: "\f1b3";
}
.icon-fa-cut:before,
.icon-fa-dashboard:before,
.icon-fa-desktop:before {
content: "\f390";
}
.icon-fa-dot-circle-o:before {
content: "\f192";
font-weight: 400;
}
.icon-fa-download:before {
content: "\f019";
}
.icon-fa-eject:before {
content: "\f052";
}
.icon-fa-ellipsis-h:before {
content: "\f141";
}
.icon-fa-ellipsis-v:before {
content: "\f142";
}
.icon-fa-envelope-o:before {
content: "\f0e0";
font-weight: 400;
}
.icon-fa-envelope-square:before {
content: "\f199";
}
.icon-fa-envelope:before {
content: "\f0e0";
}
.icon-fa-eraser:before {
content: "\f12d";
}
.icon-fa-exchange:before {
content: "\f362";
}
.icon-fa-exclamation-circle:before {
content: "\f06a";
}
.icon-fa-exclamation-triangle:before {
content: "\f071";
}
.icon-fa-warning:before,
.icon-fa-exclamation:before {
content: "\21";
}
.icon-fa-expand:before {
content: "\f065";
}
.icon-fa-external-link-square:before {
content: "\f360";
}
.icon-fa-external-link:before {
content: "\f35d";
}
.icon-fa-eye-slash:before {
content: "\f070";
}
.icon-fa-eye:before {
content: "\f06e";
}
.icon-fa-eyedropper:before {
content: "\f1fb";
}
.icon-fa-facebook-square:before {
content: "\f082";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-facebook:before {
content: "\f09a";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-fax:before {
content: "\f1ac";
}
.icon-fa-female:before {
content: "\f182";
}
.icon-fa-file-zip-o:before,
.icon-fa-file-archive-o:before {
content: "\f1c6";
font-weight: 400;
}
.icon-fa-file-sound-o:before,
.icon-fa-file-audio-o:before {
content: "\f1c7";
font-weight: 400;
}
.icon-fa-file-code-o:before {
content: "\f1c9";
font-weight: 400;
}
.icon-fa-file-excel-o:before {
content: "\f1c3";
font-weight: 400;
}
.icon-fa-file-photo-o:before,
.icon-fa-file-picture-o:before,
.icon-fa-file-image-o:before {
content: "\f1c5";
font-weight: 400;
}
.icon-fa-file-o:before {
content: "\f15b";
font-weight: 400;
}
.icon-fa-file-pdf-o:before {
content: "\f1c1";
font-weight: 400;
}
.icon-fa-file-powerpoint-o:before {
content: "\f1c4";
font-weight: 400;
}
.icon-fa-file-text-o:before {
content: "\f15c";
font-weight: 400;
}
.icon-fa-file-text:before {
content: "\f15c";
}
.icon-fa-file-movie-o:before,
.icon-fa-file-video-o:before {
content: "\f1c8";
font-weight: 400;
}
.icon-fa-file-word-o:before {
content: "\f1c2";
font-weight: 400;
}
.icon-fa-file:before {
content: "\f15b";
}
.icon-fa-copy:before,
.icon-fa-files-o:before {
content: "\f0c5";
}
.icon-fa-film:before {
content: "\f008";
}
.icon-fa-filter:before {
content: "\f0b0";
}
.icon-fa-fire:before {
content: "\f06d";
}
.icon-fa-flag-o:before {
content: "\f024";
font-weight: 400;
}
.icon-fa-flag:before {
content: "\f024";
}
.icon-fa-flask:before {
content: "\f0c3";
}
.icon-fa-flickr:before {
content: "\f16e";
}
.icon-fa-save:before,
.icon-fa-floppy-o:before {
content: "\f0c7";
font-weight: 400;
}
.icon-fa-folder-o:before {
content: "\f07b";
font-weight: 400;
}
.icon-fa-folder-open-o:before {
content: "\f07c";
font-weight: 400;
}
.icon-fa-folder-open:before {
content: "\f07c";
}
.icon-fa-folder:before {
content: "\f07b";
}
.icon-fa-font:before {
content: "\f031";
}
.icon-fa-forward:before {
content: "\f04e";
}
.icon-fa-frown-o:before {
content: "\f119";
font-weight: 400;
}
.icon-fa-gamepad:before {
content: "\f11b";
}
.icon-fa-legal:before,
.icon-fa-gavel:before {
content: "\f0e3";
}
.icon-fa-gift:before {
content: "\f06b";
}
.icon-fa-glass:before {
content: "\f000";
}
.icon-fa-globe:before {
content: "\f0ac";
}
.icon-fa-google-plus-square:before {
content: "\f0d4";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-google-plus:before {
content: "\f2b3";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-google-wallet:before {
content: "\f1ee";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-google:before {
content: "\f1a0";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-graduation-cap:before {
content: "\f19d";
font-weight: 400;
}
.icon-fa-hand-o-down:before {
content: "\f0a7";
font-weight: 400;
}
.icon-fa-hand-o-left:before {
content: "\f0a5";
font-weight: 400;
}
.icon-fa-hand-o-right:before {
content: "\f0a4";
font-weight: 400;
}
.icon-fa-hand-o-up:before {
content: "\f0a6";
}
.icon-fa-headphones:before {
content: "\f025";
}
.icon-fa-heart-o:before {
content: "\f004";
font-weight: 400;
}
.icon-fa-heart:before {
content: "\f004";
}
.icon-fa-history:before {
content: "\f1da";
}
.icon-fa-home:before {
content: "\f015";
}
.icon-fa-inbox:before {
content: "\f01c";
}
.icon-fa-info-circle:before {
content: "\f05a";
}
.icon-fa-info:before {
content: "\f129";
}
.icon-fa-instagram:before {
content: "\f16d";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-laptop:before {
content: "\f109";
}
.icon-fa-leaf:before {
content: "\f06c";
}
.icon-fa-life-bouy:before,
.icon-fa-life-saver:before,
.icon-fa-support:before,
.icon-fa-life-ring:before {
content: "\f1cd";
}
.icon-fa-lightbulb-o:before {
content: "\f0eb";
font-weight: 400;
}
.icon-fa-line-chart:before {
content: "\f201";
}
.icon-fa-chain:before,
.icon-fa-link:before {
content: "\f0c1";
}
.icon-fa-linkedin-square:before {
content: "\f08c";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-linkedin:before {
content: "\f0e1";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-list-alt:before {
content: "\f022";
}
.icon-fa-list-ol:before {
content: "\f0cb";
}
.icon-fa-list-ul:before {
content: "\f0ca";
}
.icon-fa-list:before {
content: "\f03a";
}
.icon-fa-location-arrow:before {
content: "\f124";
}
.icon-fa-lock:before {
content: "\f023";
}
.icon-fa-long-arrow-down:before {
content: "\f309";
}
.icon-fa-long-arrow-left:before {
content: "\f30a";
}
.icon-fa-long-arrow-right:before {
content: "\f30b";
}
.icon-fa-long-arrow-up:before {
content: "\f30c";
}
.icon-fa-male:before {
content: "\f183";
}
.icon-fa-map-marker:before {
content: "\f041";
}
.icon-fa-meh-o:before {
content: "\f11a";
font-weight: 400;
}
.icon-fa-minus-circle:before {
content: "\f056";
}
.icon-fa-minus-square-o:before {
content: "\f146";
font-weight: 400;
}
.icon-fa-minus-square:before {
content: "\f146";
}
.icon-fa-minus:before {
content: "\f068";
}
.icon-fa-mobile-phone:before,
.icon-fa-mobile:before {
content: "\f3ce";
}
.icon-fa-money:before {
content: "\f3d1";
font-weight: 400;
}
.icon-fa-moon-o:before {
content: "\f186";
font-weight: 400;
}
.icon-fa-music:before {
content: "\f001";
}
.icon-fa-newspaper-o:before {
content: "\f1ea";
font-weight: 400;
}
.icon-fa-send:before,
.icon-fa-paper-plane:before {
content: "\f1d8";
}
.icon-fa-pause:before {
content: "\f04c";
}
.icon-fa-paypal:before {
content: "\f1ed";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-pencil-square-o:before {
content: "\f044";
font-weight: 400;
}
.icon-fa-pencil-square:before {
content: "\f14b";
}
.icon-fa-edit:before,
.icon-fa-pencil:before {
content: "\f303";
}
.icon-fa-phone-square:before {
content: "\f098";
}
.icon-fa-phone:before {
content: "\f095";
}
.icon-fa-photo:before,
.icon-fa-image:before,
.icon-fa-picture-o:before {
content: "\f03e";
font-weight: 400;
}
.icon-fa-pie-chart:before {
content: "\f200";
}
.icon-fa-pinterest-square:before {
content: "\f0d3";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-pinterest:before {
content: "\f0d2";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-plane:before {
content: "\f072";
}
.icon-fa-play-circle-o:before {
content: "\f144";
font-weight: 400;
}
.icon-fa-play-circle:before {
content: "\f144";
}
.icon-fa-play:before {
content: "\f04b";
}
.icon-fa-plug:before {
content: "\f1e6";
}
.icon-fa-plus-circle:before {
content: "\f055";
}
.icon-fa-plus-square-o:before {
content: "\f0fe";
font-weight: 400;
}
.icon-fa-plus-square:before {
content: "\f0fe";
}
.icon-fa-plus:before {
content: "\2b";
}
.icon-fa-power-off:before {
content: "\f011";
}
.icon-fa-print:before {
content: "\f02f";
}
.icon-fa-qrcode:before {
content: "\f029";
}
.icon-fa-question-circle:before {
content: "\f059";
}
.icon-fa-question:before {
content: "\3f";
}
.icon-fa-quote-left:before {
content: "\f10d";
}
.icon-fa-quote-right:before {
content: "\f10e";
}
.icon-fa-random:before {
content: "\f074";
}
.icon-fa-recycle:before {
content: "\f1b8";
}
.icon-fa-refresh:before {
content: "\f021";
}
.icon-fa-repeat:before {
content: "\f01e";
}
.icon-fa-retweet:before {
content: "\f079";
}
.icon-fa-road:before {
content: "\f018";
}
.icon-fa-rocket:before {
content: "\f135";
}
.icon-fa-rss-square:before {
content: "\f143";
}
.icon-fa-rss:before {
content: "\f09e";
}
.icon-fa-scissors:before {
content: "\f0c4";
}
.icon-fa-search-minus:before {
content: "\f010";
}
.icon-fa-search-plus:before {
content: "\f00e";
}
.icon-fa-search:before {
content: "\f002";
}
.icon-fa-shield:before {
content: "\f3ed";
}
.icon-fa-shopping-cart:before {
content: "\f07a";
}
.icon-fa-sign-in:before {
content: "\f2f6";
}
.icon-fa-sign-out:before {
content: "\f2f5";
}
.icon-fa-signal:before {
content: "\f012";
}
.icon-fa-sitemap:before {
content: "\f0e8";
}
.icon-fa-skype:before {
content: "\f17e";
}
.icon-fa-slack:before {
content: "\f198";
}
.icon-fa-sliders:before {
content: "\f1de";
}
.icon-fa-slideshare:before {
content: "\f1e7";
}
.icon-fa-smile-o:before {
content: "\f118";
font-weight: 400;
}
.icon-fa-sort-up:before,
.icon-fa-sort-asc:before {
content: "\f0de";
}
.icon-fa-sort-down:before,
.icon-fa-sort-desc:before {
content: "\f0dd";
}
.icon-fa-sort:before {
content: "\f0dc";
}
.icon-fa-spinner:before {
content: "\f110";
}
.icon-fa-square-o:before {
content: "\f0c8";
font-weight: 400;
}
.icon-fa-square:before {
content: "\f0c8";
}
.icon-fa-star-half-full:before,
.icon-fa-star-half-empty:before,
.icon-fa-star-half-o:before {
content: "\f089";
font-weight: 400;
}
.icon-fa-star-half:before {
content: "\f089";
}
.icon-fa-star-o:before {
content: "\f005";
font-weight: 400;
}
.icon-fa-star:before {
content: "\f005";
}
.icon-fa-stop:before {
content: "\f04d";
}
.icon-fa-subscript:before {
content: "\f12c";
}
.icon-fa-suitcase:before {
content: "\f0f2";
}
.icon-fa-sun-o:before {
content: "\f185";
font-weight: 400;
}
.icon-fa-superscript:before {
content: "\f12b";
}
.icon-fa-table:before {
content: "\f0ce";
}
.icon-fa-tablet:before {
content: "\f3fb";
}
.icon-fa-tachometer:before {
content: "\f625";
}
.icon-fa-tag:before {
content: "\f02b";
}
.icon-fa-tags:before {
content: "\f02c";
}
.icon-fa-tasks:before {
content: "\f0ae";
}
.icon-fa-cab:before,
.icon-fa-taxi:before {
content: "\f1ba";
}
.icon-fa-th-large:before {
content: "\f009";
}
.icon-fa-th-list:before {
content: "\f00b";
}
.icon-fa-th:before {
content: "\f00a";
}
.icon-fa-thumbs-down:before {
content: "\f165";
}
.icon-fa-thumbs-o-down:before {
content: "\f165";
font-weight: 400;
}
.icon-fa-thumbs-o-up:before {
content: "\f164";
font-weight: 400;
}
.icon-fa-thumbs-up:before {
content: "\f164";
}
.icon-fa-ticket:before {
content: "\f3ff";
}
.icon-fa-times-circle-o:before {
content: "\f057";
font-weight: 400;
}
.icon-fa-times-circle:before {
content: "\f057";
}
.icon-fa-remove:before,
.icon-fa-times:before {
content: "\f00d";
}
.icon-fa-tint:before {
content: "\f043";
}
.icon-fa-toggle-off:before {
content: "\f204";
}
.icon-fa-toggle-on:before {
content: "\f205";
}
.icon-fa-trash-o:before {
content: "\f2ed";
font-weight: 400;
}
.icon-fa-trash:before {
content: "\f1f8";
}
.icon-fa-tree:before {
content: "\f1bb";
}
.icon-fa-trophy:before {
content: "\f091";
}
.icon-fa-truck:before {
content: "\f0d1";
}
.icon-fa-twitter:before {
content: "\f099";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-umbrella:before {
content: "\f0e9";
}
.icon-fa-underline:before {
content: "\f0cd";
}
.icon-fa-undo:before {
content: "\f0e2";
}
.icon-fa-bank:before,
.icon-fa-institution:before,
.icon-fa-university:before {
content: "\f19c";
}
.icon-fa-unlock-alt:before {
content: "\f13e";
}
.icon-fa-unlock:before {
content: "\f09c";
}
.icon-fa-unsorted:before,
.icon-fa-upload:before {
content: "\f093";
}
.icon-fa-dollar:before,
.icon-fa-usd:before {
content: "\24";
}
.icon-fa-user-md:before {
content: "\f0f0";
}
.icon-fa-user:before {
content: "\f007";
}
.icon-fa-group:before,
.icon-fa-users:before {
content: "\f0c0";
}
.icon-fa-video-camera:before {
content: "\f03d";
}
.icon-fa-volume-down:before {
content: "\f027";
}
.icon-fa-volume-off:before {
content: "\f026";
}
.icon-fa-volume-up:before {
content: "\f028";
}
.icon-fa-wifi:before {
content: "\f1eb";
}
.icon-fa-windows:before {
content: "\f17a";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-wrench:before {
content: "\f0ad";
}
.icon-fa-youtube-play:before {
content: "\f167";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-youtube-square:before {
content: "\f431";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
.icon-fa-youtube:before {
content: "\f167";
font-family: 'Font Awesome 7 Brands';
font-weight: 400;
}
/*--- END OLD SHIM ICONS --- */
/* DEBUG OVERWRITE: force all shim icons to show exclamation-circle in orange */
/*[class^="icon-fa-"]:before, [class*=" icon-fa-"]:before {
content: @fa-var-exclamation-circle !important;
color: orange !important;
font-family: 'Font Awesome 7 Free' !important;
font-weight: 900 !important;
}*/
.addtocalendar var {
display: none;
}
.addtocalendar {
position: relative;
display: inline-block;
background: transparent!important;
}
.atcb-link {
display: block;
outline: none!important;
cursor: pointer;
}
.atcb-link:focus ~ ul,
.atcb-link:active ~ ul,
.atcb-list:hover {
visibility: visible;
}
.atcb-list {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
width: 170px;
z-index: 900;
}
.atcb-list,
.atcb-item {
list-style: none;
margin: 0;
padding: 0;
background: #fff;
}
.atcb-item {
float: none;
text-align: left;
}
.atcb-item-link {
text-decoration: none;
outline: none;
display: block;
}
.atcb-item.hover,
.atcb-item:hover {
position: relative;
z-index: 900;
cursor: pointer;
text-decoration: none;
outline: none;
}
.atc-style-violet .atcb-link,
.atc-style-violet .atcb-link:hover,
.atc-style-violet .atcb-link:active,
.atc-style-violet .atcb-link:focus,
.atcb-link-reminder,
.atcb-link-reminder:hover,
.atcb-link-reminder:active,
.atcb-link-reminder:focus {
margin: 0;
padding: 5px 14px;
color: #fff;
text-decoration: none;
outline: none;
line-height: 20px;
vertical-align: middle;
background: #7c267a;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.13) inset;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.13) inset;
zoom: 1;
}
.atc-style-violet .atcb-list {
width: 170px;
border: 1px solid #bababa;
border-radius: 2px;
-webkit-box-shadow: 0 0 5px #AAA;
box-shadow: 0 0 5px #AAA;
}
.atc-style-violet .atcb-list,
.atc-style-violet .atcb-item {
background: #fff;
color: #000;
}
.atc-style-violet .atcb-item,
.atc-style-violet .atcb-item-link {
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}
.atc-style-violet .atcb-item-link,
.atc-style-violet .atcb-item-link:hover,
.atc-style-violet .atcb-item-link:active,
.atc-style-violet .atcb-item-link:focus {
color: #000;
font-family: "Verdana";
font-size: 14px;
text-decoration: none;
outline: none;
padding: 5px 15px;
}
.atc-style-violet .atcb-item-link:hover,
.atc-style-violet .atcb-item-link:active,
.atc-style-violet .atcb-item-link:focus {
color: #fff;
}
.atc-style-violet .atcb-item.hover,
.atc-style-violet .atcb-item:hover {
background: #7c267a;
}
.atcb-link-reminder {
display: block;
}
.atc-style-violet .atcb-link.small,
.atc-style-violet .atcb-link.small:hover,
.atc-style-violet .atcb-link.small:active,
.atc-style-violet .atcb-link.small:focus,
.atcb-link-reminder.small,
.atcb-link-reminder.small:hover,
.atcb-link-reminder.small:active,
.atcb-link-reminder.small:focus {
line-height: inherit;
padding: 3px 8px;
font-size: 10px;
}
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
/* add delay class */
.delay1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.delay2 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.delay3 {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.delay4 {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.delay5 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.animated--5s {
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes blink {
from {
background-color: #cea735;
}
to {
background-color: #fef035;
}
}
@-webkit-keyframes blink {
from {
background-color: #cea735;
}
to {
background-color: #fef035;
}
}
.blink {
-webkit-animation-name: blink;
animation-name: blink;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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 {
0%, 20%, 53%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-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 {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
// originally authored by Nick Pettit - https://github.com/nickpettit/glide
@-webkit-keyframes pulse {
0% {
-webkit-transform: 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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
// originally authored by Nick Pettit - https://github.com/nickpettit/glide
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-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)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes jello {
11.1% {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-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)
}
100% {
-webkit-transform: none;
transform: none
}
}
.jello{
-webkit-animation-name:jello;
animation-name:jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
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);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
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);
}
100% {
-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(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
/*
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-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 {
0% {
-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-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);
}
100% {
-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 {
0% {
-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-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);
}
100% {
-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 {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-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;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-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;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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;
}
100% {
-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;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
// originally authored by Nick Pettit - https://github.com/nickpettit/glide
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
// originally authored by Nick Pettit - https://github.com/nickpettit/glide
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
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 {
0% {
opacity: 1;
}
100% {
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 {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
*/
.ac-list {
display: none;
}
.autocomplete__list {
border: 1px solid #9ea8b2;
color: #35485d;
background-color: #fff !important;
color: #9ea8b2 !important;
cursor: default;
overflow: auto;
max-height: 300px;
width: 100%;
position: absolute;
left: 0;
z-index: 999;
}
.autocomplete__list .i {
padding: 0 5px;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
}
.autocomplete__list .active {
background-color: #d7dbdf;
}
.autocomplete__list b {
font-weight: normal;
color: #000 !important;
}
::-moz-selection {
background: #a4dcec;
}
::selection {
background: #a4dcec;
}
::-moz-selection {
background: #a4dcec;
}
::-webkit-selection {
background: #a4dcec;
}
::-webkit-input-placeholder {
/* WebKit browsers */
color: #ccc;
font-style: italic;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ccc;
font-style: italic;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #ccc;
font-style: italic;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #ccc !important;
font-style: italic;
}
#w {
display: block;
width: 750px;
margin: 0 auto;
padding-top: 30px;
}
.autocomplete-suggestions {
border: 1px solid #999;
background: #fff;
cursor: default;
overflow: auto;
}
.autocomplete-suggestion {
padding: 10px 5px;
font-size: 1.2em;
white-space: nowrap;
overflow: hidden;
}
.autocomplete-selected {
background: #f0f0f0;
}
.autocomplete-suggestions strong {
font-weight: normal;
color: #3399ff;
}
.chartlabel-group .chartlabel {
margin-top: 5px;
padding: 3px 15px;
float: left;
font-size: 11px;
}
.chartlabel-group .chartlabel span {
position: absolute;
margin-left: -15px;
width: 10px;
height: 10px;
border-radius: 10px;
margin-top: 3px;
}
.dropdown-menu {
display: none;
position: absolute;
background-color: #fff;
width: 120px;
list-style: none;
border: 1px solid #ddd;
}
.dropdown-menu.active {
display: block;
}
.dropdown-menu li.divider {
*width: 100%;
height: 1px;
margin: 8px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #fff;
border-bottom: 1px solid #ddd;
}
.dropdown-menu li a {
display: block;
color: #666;
padding: 5px 3px;
}
.dropdown-menu li a:hover {
background-color: #1073B9;
color: #fff;
}
/*
* The MIT License
* Copyright (c) 2012 Matias Meno
*/
.dropzone,
.dropzone * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dropzone {
position: relative;
}
.dropzone .dz-preview {
position: relative;
display: inline-block;
width: 120px;
margin: 0.5em;
}
.dropzone .dz-preview .dz-progress {
display: block;
height: 15px;
border: 1px solid #aaa;
}
.dropzone .dz-preview .dz-progress .dz-upload {
display: block;
height: 100%;
width: 0;
background: green;
}
.dropzone .dz-preview .dz-error-message {
color: red;
display: none;
}
.dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
display: block;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
position: absolute;
display: none;
left: 30px;
top: 30px;
width: 54px;
height: 58px;
left: 50%;
margin-left: -27px;
}
/*dropzone*/
/*
* The MIT License
* Copyright (c) 2012 Matias Meno
*/
@-webkit-keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes passing-through {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
20% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.dropzone,
.dropzone * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dropzone {
min-height: 150px;
border: 3px dotted rgba(0, 0, 0, 0.2);
background: white;
padding: 20px 20px;
}
.dropzone.dz-clickable {
cursor: pointer;
}
.dropzone.dz-clickable * {
cursor: default;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
cursor: pointer;
}
.dropzone.dz-started .dz-message {
display: none;
}
.dropzone.dz-drag-hover {
border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
opacity: 0.5;
}
.dropzone .dz-message {
text-align: center;
margin: 2em 0;
}
.dropzone .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 16px;
min-height: 100px;
}
.dropzone .dz-preview:hover {
z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 20px;
background: #999;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
font-size: 14px;
text-align: center;
display: block;
cursor: pointer;
border: none;
}
.dropzone .dz-preview .dz-remove:hover {
text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
opacity: 1;
}
.dropzone .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 13px;
min-width: 100%;
max-width: 100%;
padding: 2em 1em;
text-align: center;
color: rgba(0, 0, 0, 0.9);
line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
margin-bottom: 1em;
font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, 0.8);
background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
background-color: rgba(255, 255, 255, 0.4);
padding: 0 0.4em;
border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-filter: blur(8px);
filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
border-radius: 20px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10;
}
.dropzone .dz-preview .dz-image img {
display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 500;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
-webkit-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
-webkit-transform: scale(1);
border-radius: 8px;
overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
-webkit-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
opacity: 1;
pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
top: 130px;
left: -10px;
width: 140px;
background: #be2626;
background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white;
}
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626;
}
.qq-uploader {
position: relative;
width: 100%;
height: 190px;
}
.qq-upload-button,
.qq-upload-button input,
.qq-upload-drop-area,
.qq-upload-extra-drop-area,
.qq-drop-processing-spinner {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: auto;
left: auto;
z-index: 0;
}
.qq-upload-drop-area,
.qq-upload-extra-drop-area {
z-index: 2;
display: none;
}
.qq-upload-button {
line-height: 200px;
text-align: center;
color: #ccc;
font-size: 24px;
position: relative;
overflow: hidden;
direction: ltr;
}
.qq-upload-button input {
cursor: pointer;
}
.qq-upload-fileinput {
position: absolute;
right: 0px;
top: 0px;
font-size: 118px;
margin: 0px;
padding: 0px;
cursor: pointer;
opacity: 0;
}
.qq-upload-spinner {
display: inline-block;
background: url("/public/img/plugin/fineuploader/loading.gif");
width: 15px;
height: 15px;
vertical-align: text-bottom;
}
.qq-drop-processing {
display: none;
}
.qq-drop-processing-spinner {
display: inline-block;
background: url("/public/img/plugin/fineuploader/processing.gif") 50% 50% no-repeat;
width: 24px;
height: 24px;
vertical-align: text-bottom;
}
.qq-upload-list {
display: none;
}
.qq-progress-bar {
width: 0;
height: 3px;
background-color: #04ace4;
opacity: 0;
-webkit-transition: all 500ms ease-in;
transition: all 500ms ease-in;
-webkit-transform: translateY(16px);
transform: translateY(16px);
}
@font-face {
font-family: 'footable';
/*src: url('fonts/footable.eot');*/
src: url('/public/footable/fonts/footable.eot');
src: url('/public/footable/fonts/footable.eot?#iefix') format('embedded-opentype'), url('/public/footable/fonts/footable.woff') format('woff'), url('/public/footable/fonts/footable.ttf') format('truetype'), url('/public/footable/fonts/footable.svg#footable') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: 'footable';
src: url('/public/footable/fonts/footable.svg#footable') format('svg');
font-weight: normal;
font-style: normal;
}
}
.footable {
width: 100%;
/** SORTING **/
/** PAGINATION **/
}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
background: #eee;
border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
display: inline-block;
font-family: 'footable';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
padding-right: 5px;
font-size: 14px;
color: #888888;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
font-size: 24px;
}
.footable > thead > tr > th {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
content: "\e012";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
content: "\e013";
}
.footable > thead > tr > th > span.footable-sort-indicator {
display: inline-block;
font-family: 'footable';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
content: "\e022";
}
.footable > tfoot .pagination {
margin: 0;
}
.footable.no-paging .hide-if-no-paging {
display: none;
}
.footable-row-detail-inner {
display: table;
}
.footable-row-detail-row {
display: table-row;
line-height: 1.5em;
}
.footable-row-detail-group {
display: block;
line-height: 2em;
font-size: 1.2em;
font-weight: bold;
}
.footable-row-detail-name {
display: table-cell;
font-weight: bold;
padding-right: 0.5em;
}
.footable-row-detail-value {
display: table-cell;
}
.footable-odd {
background-color: #f7f7f7;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
font-size: 12px;
padding-right: 0.5rem;
}
.footable .footable-detail-show {
border-bottom-color: transparent !important;
}
.footable .footable-row-detail .footable-row-detail-cell {
padding: 10px 0 10px 30px;
background-color: rgba(0, 0, 0, 0.03);
}
.chat-fc-form-outer p.header {
position: relative;
height: auto;
-webkit-transition: none;
transition: none;
}
div.chat-fc-form-outer {
font-family: unset !important;
left: 35px !important;
bottom: 35px !important;
}
div.chat-fc-form-outer p {
padding-left: 0;
}
div.chat-fc-form-outer form.chat-fc-form ul li.pre-fc-field {
margin-left: 0;
margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
div.chat-fc-form-outer {
left: 0px!important;
bottom: 0px!important;
}
}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
background: transparent !important;
}
.fr-checkbox ~ label {
display: inline-block;
}
.fr-view img {
border-radius: 8px;
}
.fr-view blockquote[data-video-id] {
border-left: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
color: none !important;
}
.fr-view blockquote[data-video-id] iframe {
border: none !important;
}
.guillotine-window {
display: block;
position: relative;
overflow: hidden;
margin: 20px auto;
border: 1px solid #666;
}
.guillotine-canvas {
position: absolute;
top: 0;
left: 0;
text-align: center;
margin: 0 !important;
padding: 0 !important;
border: none !important;
/* img {
width: 100%;
max-width: none;
}
*/
}
.guillotine-canvas > * {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
width: 100%;
height: 100%;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.guillotine-control {
display: block;
clear: both;
background-color: #333;
text-align: center;
}
.guillotine-control a {
display: inline-block;
color: #ccc;
padding: 20px;
}
.guillotine-control a:hover {
color: #fff;
}
ul.thumbnails.image_picker_selector {
overflow: auto;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul.thumbnails.image_picker_selector li {
margin: 0px 5px 5px 0px;
width: 200px;
float: left;
}
ul.thumbnails.image_picker_selector li .thumbnail {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
padding: 0;
cursor: pointer;
padding: 5px;
}
ul.thumbnails.image_picker_selector li .thumbnail:hover {
background-color: #bac2c9;
}
ul.thumbnails.image_picker_selector li .thumbnail.selected {
background-color: #04ace4;
}
:root {
--iti-hover-color: rgba(0, 0, 0, 0.05);
--iti-border-color: #ccc;
--iti-dialcode-color: #999;
--iti-dropdown-bg: white;
--iti-spacer-horizontal: 8px;
--iti-flag-height: 12px;
--iti-flag-width: 16px;
--iti-border-width: 1px;
--iti-arrow-height: 4px;
--iti-arrow-width: 6px;
--iti-triangle-border: calc(var(--iti-arrow-width) / 2);
--iti-arrow-padding: 6px;
--iti-arrow-color: #555;
--iti-path-flags-1x: url("/public/img/plugin/intTelInput/flags.webp");
--iti-path-flags-2x: url("/public/img/plugin/intTelInput/flags@2x.webp");
--iti-path-globe-1x: url("/public/img/plugin/intTelInput/globe.webp");
--iti-path-globe-2x: url("/public/img/plugin/intTelInput/globe@2x.webp");
--iti-flag-sprite-width: 3904px;
--iti-flag-sprite-height: 12px;
--iti-mobile-popup-margin: 30px;
}
.iti--inline-dropdown .iti__dropdown-content {
z-index: 3 !important;
}
ul.iti__country-list li {
margin-left: 0;
}
.iti {
position: relative;
display: inline-block;
width: 100%;
/*jy custom*/
}
.iti * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.iti input.iti__tel-input {
position: relative;
z-index: 0;
margin: 0 !important;
}
.iti input.iti__tel-input[type=text] {
position: relative;
z-index: 0;
margin: 0 !important;
}
.iti input.iti__tel-input[type=tel] {
position: relative;
z-index: 0;
margin: 0 !important;
}
.iti .iti__selected-dial-code {
margin-left: 4px;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti__a11y-text {
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute;
}
.iti__country-container {
position: absolute;
top: 0;
bottom: 0;
padding: var(--iti-border-width);
}
.iti__selected-country {
z-index: 1;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%;
background: none;
border: 0;
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
border-radius: 0;
font-weight: inherit;
line-height: inherit;
text-decoration: none;
}
.iti__selected-country-primary {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
margin-left: var(--iti-arrow-padding);
width: 0;
height: 0;
border-left: var(--iti-triangle-border) solid transparent;
border-right: var(--iti-triangle-border) solid transparent;
border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
margin-right: var(--iti-arrow-padding);
margin-left: 0;
}
[dir=rtl] .iti__country-list .iti__flag {
margin-right: 0;
margin-left: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__country-name {
margin-right: 0;
margin-left: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti .iti__selected-dial-code {
margin-left: 0;
margin-right: 4px;
}
.iti__arrow--up {
border-top: none;
border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
border-radius: 3px;
background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
position: absolute;
z-index: 2;
margin-top: 3px;
margin-left: calc(var(--iti-border-width) * -1);
border: var(--iti-border-width) solid var(--iti-border-color);
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti--inline-dropdown .iti__country-list {
max-height: 185px;
}
.iti__search-input {
width: 100%;
border-width: 0;
border-radius: 3px;
}
.iti__search-input + .iti__country-list {
border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
list-style: none;
padding: 0;
margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti__country-list .iti__flag {
margin-right: var(--iti-spacer-horizontal);
}
.iti--flexible-dropdown-width .iti__country-list {
white-space: nowrap;
}
.iti__country {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 8px var(--iti-spacer-horizontal);
outline: none;
}
.iti__dial-code {
color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
background-color: var(--iti-hover-color);
}
.iti__country-name {
margin-right: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])):not(:has(.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])) + input[readonly])):hover {
cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])):not(:has(.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])) + input[readonly])):hover button {
cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])):not(:has(.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])) + input[readonly])) .iti__selected-country-primary:hover {
background-color: var(--iti-hover-color);
}
.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])):not(:has(.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])) + input[readonly])) .iti__selected-country:has(.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])):not(:has(.iti--allow-dropdown .iti__country-container:not(:has(.iti--allow-dropdown .iti__country-container + input[disabled])) + input[readonly])) .iti__selected-country + .iti__dropdown-content:hover) .iti__selected-country-primary {
background-color: var(--iti-hover-color);
}
.iti--container {
position: fixed;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: var(--iti-border-width);
}
.iti--container:hover {
cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
padding: var(--iti-mobile-popup-margin);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
position: relative;
}
.iti--fullscreen-popup .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
--iti-flag-offset: 100px;
height: var(--iti-flag-height);
width: var(--iti-flag-width);
border-radius: 1px;
-webkit-box-shadow: 0px 0px 1px 0px #888;
box-shadow: 0px 0px 1px 0px #888;
background-image: var(--iti-path-flags-1x);
background-repeat: no-repeat;
background-position: var(--iti-flag-offset) 0;
background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
.iti__ac {
--iti-flag-offset: 0px;
}
.iti__ad {
--iti-flag-offset: -16px;
}
.iti__ae {
--iti-flag-offset: -32px;
}
.iti__af {
--iti-flag-offset: -48px;
}
.iti__ag {
--iti-flag-offset: -64px;
}
.iti__ai {
--iti-flag-offset: -80px;
}
.iti__al {
--iti-flag-offset: -96px;
}
.iti__am {
--iti-flag-offset: -112px;
}
.iti__ao {
--iti-flag-offset: -128px;
}
.iti__ar {
--iti-flag-offset: -144px;
}
.iti__as {
--iti-flag-offset: -160px;
}
.iti__at {
--iti-flag-offset: -176px;
}
.iti__au {
--iti-flag-offset: -192px;
}
.iti__aw {
--iti-flag-offset: -208px;
}
.iti__ax {
--iti-flag-offset: -224px;
}
.iti__az {
--iti-flag-offset: -240px;
}
.iti__ba {
--iti-flag-offset: -256px;
}
.iti__bb {
--iti-flag-offset: -272px;
}
.iti__bd {
--iti-flag-offset: -288px;
}
.iti__be {
--iti-flag-offset: -304px;
}
.iti__bf {
--iti-flag-offset: -320px;
}
.iti__bg {
--iti-flag-offset: -336px;
}
.iti__bh {
--iti-flag-offset: -352px;
}
.iti__bi {
--iti-flag-offset: -368px;
}
.iti__bj {
--iti-flag-offset: -384px;
}
.iti__bl {
--iti-flag-offset: -400px;
}
.iti__bm {
--iti-flag-offset: -416px;
}
.iti__bn {
--iti-flag-offset: -432px;
}
.iti__bo {
--iti-flag-offset: -448px;
}
.iti__bq {
--iti-flag-offset: -464px;
}
.iti__br {
--iti-flag-offset: -480px;
}
.iti__bs {
--iti-flag-offset: -496px;
}
.iti__bt {
--iti-flag-offset: -512px;
}
.iti__bw {
--iti-flag-offset: -528px;
}
.iti__by {
--iti-flag-offset: -544px;
}
.iti__bz {
--iti-flag-offset: -560px;
}
.iti__ca {
--iti-flag-offset: -576px;
}
.iti__cc {
--iti-flag-offset: -592px;
}
.iti__cd {
--iti-flag-offset: -608px;
}
.iti__cf {
--iti-flag-offset: -624px;
}
.iti__cg {
--iti-flag-offset: -640px;
}
.iti__ch {
--iti-flag-offset: -656px;
}
.iti__ci {
--iti-flag-offset: -672px;
}
.iti__ck {
--iti-flag-offset: -688px;
}
.iti__cl {
--iti-flag-offset: -704px;
}
.iti__cm {
--iti-flag-offset: -720px;
}
.iti__cn {
--iti-flag-offset: -736px;
}
.iti__co {
--iti-flag-offset: -752px;
}
.iti__cr {
--iti-flag-offset: -768px;
}
.iti__cu {
--iti-flag-offset: -784px;
}
.iti__cv {
--iti-flag-offset: -800px;
}
.iti__cw {
--iti-flag-offset: -816px;
}
.iti__cx {
--iti-flag-offset: -832px;
}
.iti__cy {
--iti-flag-offset: -848px;
}
.iti__cz {
--iti-flag-offset: -864px;
}
.iti__de {
--iti-flag-offset: -880px;
}
.iti__dj {
--iti-flag-offset: -896px;
}
.iti__dk {
--iti-flag-offset: -912px;
}
.iti__dm {
--iti-flag-offset: -928px;
}
.iti__do {
--iti-flag-offset: -944px;
}
.iti__dz {
--iti-flag-offset: -960px;
}
.iti__ec {
--iti-flag-offset: -976px;
}
.iti__ee {
--iti-flag-offset: -992px;
}
.iti__eg {
--iti-flag-offset: -1008px;
}
.iti__eh {
--iti-flag-offset: -1024px;
}
.iti__er {
--iti-flag-offset: -1040px;
}
.iti__es {
--iti-flag-offset: -1056px;
}
.iti__et {
--iti-flag-offset: -1072px;
}
.iti__fi {
--iti-flag-offset: -1088px;
}
.iti__fj {
--iti-flag-offset: -1104px;
}
.iti__fk {
--iti-flag-offset: -1120px;
}
.iti__fm {
--iti-flag-offset: -1136px;
}
.iti__fo {
--iti-flag-offset: -1152px;
}
.iti__fr {
--iti-flag-offset: -1168px;
}
.iti__ga {
--iti-flag-offset: -1184px;
}
.iti__gb {
--iti-flag-offset: -1200px;
}
.iti__gd {
--iti-flag-offset: -1216px;
}
.iti__ge {
--iti-flag-offset: -1232px;
}
.iti__gf {
--iti-flag-offset: -1248px;
}
.iti__gg {
--iti-flag-offset: -1264px;
}
.iti__gh {
--iti-flag-offset: -1280px;
}
.iti__gi {
--iti-flag-offset: -1296px;
}
.iti__gl {
--iti-flag-offset: -1312px;
}
.iti__gm {
--iti-flag-offset: -1328px;
}
.iti__gn {
--iti-flag-offset: -1344px;
}
.iti__gp {
--iti-flag-offset: -1360px;
}
.iti__gq {
--iti-flag-offset: -1376px;
}
.iti__gr {
--iti-flag-offset: -1392px;
}
.iti__gt {
--iti-flag-offset: -1408px;
}
.iti__gu {
--iti-flag-offset: -1424px;
}
.iti__gw {
--iti-flag-offset: -1440px;
}
.iti__gy {
--iti-flag-offset: -1456px;
}
.iti__hk {
--iti-flag-offset: -1472px;
}
.iti__hn {
--iti-flag-offset: -1488px;
}
.iti__hr {
--iti-flag-offset: -1504px;
}
.iti__ht {
--iti-flag-offset: -1520px;
}
.iti__hu {
--iti-flag-offset: -1536px;
}
.iti__id {
--iti-flag-offset: -1552px;
}
.iti__ie {
--iti-flag-offset: -1568px;
}
.iti__il {
--iti-flag-offset: -1584px;
}
.iti__im {
--iti-flag-offset: -1600px;
}
.iti__in {
--iti-flag-offset: -1616px;
}
.iti__io {
--iti-flag-offset: -1632px;
}
.iti__iq {
--iti-flag-offset: -1648px;
}
.iti__ir {
--iti-flag-offset: -1664px;
}
.iti__is {
--iti-flag-offset: -1680px;
}
.iti__it {
--iti-flag-offset: -1696px;
}
.iti__je {
--iti-flag-offset: -1712px;
}
.iti__jm {
--iti-flag-offset: -1728px;
}
.iti__jo {
--iti-flag-offset: -1744px;
}
.iti__jp {
--iti-flag-offset: -1760px;
}
.iti__ke {
--iti-flag-offset: -1776px;
}
.iti__kg {
--iti-flag-offset: -1792px;
}
.iti__kh {
--iti-flag-offset: -1808px;
}
.iti__ki {
--iti-flag-offset: -1824px;
}
.iti__km {
--iti-flag-offset: -1840px;
}
.iti__kn {
--iti-flag-offset: -1856px;
}
.iti__kp {
--iti-flag-offset: -1872px;
}
.iti__kr {
--iti-flag-offset: -1888px;
}
.iti__kw {
--iti-flag-offset: -1904px;
}
.iti__ky {
--iti-flag-offset: -1920px;
}
.iti__kz {
--iti-flag-offset: -1936px;
}
.iti__la {
--iti-flag-offset: -1952px;
}
.iti__lb {
--iti-flag-offset: -1968px;
}
.iti__lc {
--iti-flag-offset: -1984px;
}
.iti__li {
--iti-flag-offset: -2000px;
}
.iti__lk {
--iti-flag-offset: -2016px;
}
.iti__lr {
--iti-flag-offset: -2032px;
}
.iti__ls {
--iti-flag-offset: -2048px;
}
.iti__lt {
--iti-flag-offset: -2064px;
}
.iti__lu {
--iti-flag-offset: -2080px;
}
.iti__lv {
--iti-flag-offset: -2096px;
}
.iti__ly {
--iti-flag-offset: -2112px;
}
.iti__ma {
--iti-flag-offset: -2128px;
}
.iti__mc {
--iti-flag-offset: -2144px;
}
.iti__md {
--iti-flag-offset: -2160px;
}
.iti__me {
--iti-flag-offset: -2176px;
}
.iti__mf {
--iti-flag-offset: -2192px;
}
.iti__mg {
--iti-flag-offset: -2208px;
}
.iti__mh {
--iti-flag-offset: -2224px;
}
.iti__mk {
--iti-flag-offset: -2240px;
}
.iti__ml {
--iti-flag-offset: -2256px;
}
.iti__mm {
--iti-flag-offset: -2272px;
}
.iti__mn {
--iti-flag-offset: -2288px;
}
.iti__mo {
--iti-flag-offset: -2304px;
}
.iti__mp {
--iti-flag-offset: -2320px;
}
.iti__mq {
--iti-flag-offset: -2336px;
}
.iti__mr {
--iti-flag-offset: -2352px;
}
.iti__ms {
--iti-flag-offset: -2368px;
}
.iti__mt {
--iti-flag-offset: -2384px;
}
.iti__mu {
--iti-flag-offset: -2400px;
}
.iti__mv {
--iti-flag-offset: -2416px;
}
.iti__mw {
--iti-flag-offset: -2432px;
}
.iti__mx {
--iti-flag-offset: -2448px;
}
.iti__my {
--iti-flag-offset: -2464px;
}
.iti__mz {
--iti-flag-offset: -2480px;
}
.iti__na {
--iti-flag-offset: -2496px;
}
.iti__nc {
--iti-flag-offset: -2512px;
}
.iti__ne {
--iti-flag-offset: -2528px;
}
.iti__nf {
--iti-flag-offset: -2544px;
}
.iti__ng {
--iti-flag-offset: -2560px;
}
.iti__ni {
--iti-flag-offset: -2576px;
}
.iti__nl {
--iti-flag-offset: -2592px;
}
.iti__no {
--iti-flag-offset: -2608px;
}
.iti__np {
--iti-flag-offset: -2624px;
}
.iti__nr {
--iti-flag-offset: -2640px;
}
.iti__nu {
--iti-flag-offset: -2656px;
}
.iti__nz {
--iti-flag-offset: -2672px;
}
.iti__om {
--iti-flag-offset: -2688px;
}
.iti__pa {
--iti-flag-offset: -2704px;
}
.iti__pe {
--iti-flag-offset: -2720px;
}
.iti__pf {
--iti-flag-offset: -2736px;
}
.iti__pg {
--iti-flag-offset: -2752px;
}
.iti__ph {
--iti-flag-offset: -2768px;
}
.iti__pk {
--iti-flag-offset: -2784px;
}
.iti__pl {
--iti-flag-offset: -2800px;
}
.iti__pm {
--iti-flag-offset: -2816px;
}
.iti__pr {
--iti-flag-offset: -2832px;
}
.iti__ps {
--iti-flag-offset: -2848px;
}
.iti__pt {
--iti-flag-offset: -2864px;
}
.iti__pw {
--iti-flag-offset: -2880px;
}
.iti__py {
--iti-flag-offset: -2896px;
}
.iti__qa {
--iti-flag-offset: -2912px;
}
.iti__re {
--iti-flag-offset: -2928px;
}
.iti__ro {
--iti-flag-offset: -2944px;
}
.iti__rs {
--iti-flag-offset: -2960px;
}
.iti__ru {
--iti-flag-offset: -2976px;
}
.iti__rw {
--iti-flag-offset: -2992px;
}
.iti__sa {
--iti-flag-offset: -3008px;
}
.iti__sb {
--iti-flag-offset: -3024px;
}
.iti__sc {
--iti-flag-offset: -3040px;
}
.iti__sd {
--iti-flag-offset: -3056px;
}
.iti__se {
--iti-flag-offset: -3072px;
}
.iti__sg {
--iti-flag-offset: -3088px;
}
.iti__sh {
--iti-flag-offset: -3104px;
}
.iti__si {
--iti-flag-offset: -3120px;
}
.iti__sj {
--iti-flag-offset: -3136px;
}
.iti__sk {
--iti-flag-offset: -3152px;
}
.iti__sl {
--iti-flag-offset: -3168px;
}
.iti__sm {
--iti-flag-offset: -3184px;
}
.iti__sn {
--iti-flag-offset: -3200px;
}
.iti__so {
--iti-flag-offset: -3216px;
}
.iti__sr {
--iti-flag-offset: -3232px;
}
.iti__ss {
--iti-flag-offset: -3248px;
}
.iti__st {
--iti-flag-offset: -3264px;
}
.iti__sv {
--iti-flag-offset: -3280px;
}
.iti__sx {
--iti-flag-offset: -3296px;
}
.iti__sy {
--iti-flag-offset: -3312px;
}
.iti__sz {
--iti-flag-offset: -3328px;
}
.iti__tc {
--iti-flag-offset: -3344px;
}
.iti__td {
--iti-flag-offset: -3360px;
}
.iti__tg {
--iti-flag-offset: -3376px;
}
.iti__th {
--iti-flag-offset: -3392px;
}
.iti__tj {
--iti-flag-offset: -3408px;
}
.iti__tk {
--iti-flag-offset: -3424px;
}
.iti__tl {
--iti-flag-offset: -3440px;
}
.iti__tm {
--iti-flag-offset: -3456px;
}
.iti__tn {
--iti-flag-offset: -3472px;
}
.iti__to {
--iti-flag-offset: -3488px;
}
.iti__tr {
--iti-flag-offset: -3504px;
}
.iti__tt {
--iti-flag-offset: -3520px;
}
.iti__tv {
--iti-flag-offset: -3536px;
}
.iti__tw {
--iti-flag-offset: -3552px;
}
.iti__tz {
--iti-flag-offset: -3568px;
}
.iti__ua {
--iti-flag-offset: -3584px;
}
.iti__ug {
--iti-flag-offset: -3600px;
}
.iti__us {
--iti-flag-offset: -3616px;
}
.iti__uy {
--iti-flag-offset: -3632px;
}
.iti__uz {
--iti-flag-offset: -3648px;
}
.iti__va {
--iti-flag-offset: -3664px;
}
.iti__vc {
--iti-flag-offset: -3680px;
}
.iti__ve {
--iti-flag-offset: -3696px;
}
.iti__vg {
--iti-flag-offset: -3712px;
}
.iti__vi {
--iti-flag-offset: -3728px;
}
.iti__vn {
--iti-flag-offset: -3744px;
}
.iti__vu {
--iti-flag-offset: -3760px;
}
.iti__wf {
--iti-flag-offset: -3776px;
}
.iti__ws {
--iti-flag-offset: -3792px;
}
.iti__xk {
--iti-flag-offset: -3808px;
}
.iti__ye {
--iti-flag-offset: -3824px;
}
.iti__yt {
--iti-flag-offset: -3840px;
}
.iti__za {
--iti-flag-offset: -3856px;
}
.iti__zm {
--iti-flag-offset: -3872px;
}
.iti__zw {
--iti-flag-offset: -3888px;
}
.iti__globe {
background-image: var(--iti-path-globe-1x);
background-size: contain;
background-position: right;
-webkit-box-shadow: none;
box-shadow: none;
height: 19px;
}
@media (max-width: 500px) {
.iti--flexible-dropdown-width .iti__country-list {
white-space: normal;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
.iti__flag {
background-image: var(--iti-path-flags-2x);
}
.iti__globe {
background-image: var(--iti-path-globe-2x);
}
}
/*
* jQuery UI CSS Framework 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 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:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
/* end clearfix */
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
* jQuery UI CSS Framework 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,Helvetica,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.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-content {
border: 1px solid #D5D5D5;
background: #ffffff;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #D5D5D5;
background: #cccccc;
color: #222222;
font-weight: bold;
}
.ui-widget-header {
border: 1px solid #d9d9d9;
color: #1b1d1f;
font-size: 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background: -webkit-gradient(linear, left top, left bottom, from(#f6f7f9), to(#ebedf0));
background: linear-gradient(to bottom, #f6f7f9 0%, #ebedf0 100%);
/* W3C */
}
.ui-widget-header a {
color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #f9f9fc;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
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 {
border: 1px solid #a6a6ac;
background: #ededf0;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #D5D5D5;
background: #ffffff;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.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: 0.7;
filter: alpha(opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: alpha(opacity=35);
background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image: url(../img/plugin/jquery-ui/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
background-image: url(../img/plugin/jquery-ui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(../img/plugin/jquery-ui/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(../img/plugin/jquery-ui/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(../img/plugin/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(../img/plugin/jquery-ui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(../img/plugin/jquery-ui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(../img/plugin/jquery-ui/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-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: -64px -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: -64px -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: 0 -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-off {
background-position: -96px -144px;
}
.ui-icon-radio-on {
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 is deprecated, use ui-icon-seek-start instead */
.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;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #1f2226;
opacity: 0.6;
filter: alpha(opacity=60);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #1f2226;
opacity: 0.6;
filter: alpha(opacity=60);
border-radius: 8px;
}
/*
* jQuery UI Resizable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}
.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;
}
/*
* jQuery UI Selectable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
/*
* jQuery UI Accordion 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
width: 100%;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: 0.5em 0.5em 0.5em 0.7em;
font-weight: bold;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: 0.5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-content {
border-radius: 0;
}
/*
* jQuery UI Autocomplete 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
position: absolute;
cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.16
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
float: left;
border-radius: 0;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
background-image: none;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 0.2em 0.4em;
line-height: 1.5;
zoom: 1;
border: none;
border-radius: 0;
font-size: 12px;
}
.ui-menu .ui-menu-item a.ui-state-hover {
background: #14A4FF;
color: #FFF;
text-shadow: 0 -1px 0 #0988d9;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
}
/*
* jQuery UI Button 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: 0.1em;
text-decoration: none !important;
font-weight: bold;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
*display: inline;
*zoom: 1;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: 0.4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
height: 30px !important;
padding: 0.4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em;
}
.ui-button .ui-icon {
background-image: url(../img/plugin/jquery-ui/ui-icons_FFFFFF_256x240.png);
}
/*button sets*/
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.325em;
}
.ui-buttonset .ui-button.ui-state-active {
border-color: #144c71;
background: #0a54a5 none;
top: 0;
}
.ui-buttonset .ui-button.ui-state-active {
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(12, 106, 106, 0.5) inset !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(12, 106, 106, 0.5) inset !important;
}
.ui-buttonset .ui-button.ui-state-active span {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
}
/* workarounds */
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* reset extra padding in Firefox */
.ui-button-text-icon-primary {
padding: 1px !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.ui-button-text-icon-primary {
padding: 2px 1px !important;
}
}
/*
* jQuery UI Dialog 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog {
position: absolute;
padding: 0.2em;
width: 300px;
overflow: visible;
border: 0 none;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
}
.ui-dialog .ui-dialog-titlebar {
position: relative;
background: transparent !important;
padding: 0 0 8px 0;
margin: 20px 20px 5px 20px;
border: solid #e5e5e5;
border-width: 0 0 1px 0;
border-radius: 0;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 16px 0.1em 0;
color: #353536;
font-size: 20px !important;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: -32px;
top: -32px;
margin: 0;
width: 30px;
height: 30px;
background: url(../img/plugin/jquery-ui/modalClose.png) 0 0 no-repeat;
border: 0 !important;
z-index: 10000;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: none;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 15px 20px 20px 20px;
background: none;
overflow: auto;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border: solid #e5e5e5;
border-width: 1px 0 0 0;
background: transparent;
margin: 20px 20px 10px 20px;
padding: 10px 0 0 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/*
* jQuery UI Slider 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider {
position: relative;
text-align: left;
background: #838688;
border: none;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
display: inline-block;
*display: inline !important;
*zoom: 1;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 17px;
height: 21px;
cursor: default;
background: url(../img/plugin/jquery-ui/slider_handles.png) 0 0 no-repeat;
outline: none;
border-radius: 0;
border: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background: #14a4ff;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
border-radius: 3px;
}
.ui-slider .ui-slider-handle.ui-state-active {
background-position: -17px 0;
}
.ui-slider-horizontal {
height: 6px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -5px;
margin-left: -0.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: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.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;
}
/*
* jQuery UI Tabs 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs {
position: relative;
zoom: 1;
border: none;
background: none;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
margin: 0 0 -1px 0;
background: none;
border: 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
margin: 0 0.2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 0.5em 1em;
text-decoration: none;
font-size: 14px;
font-weight: bold;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 1px;
padding: 1em 1.4em;
background: #FFF;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
/* radius reset */
.ui-tabs,
.ui-tabs .ui-tabs-nav,
.ui-tabs-panel {
border-color: #e5e5e5;
border-radius: 0;
}
.ui-tabs .ui-tabs-nav > li {
border-radius: 3px 3px 0 0;
}
/*
* jQuery UI Datepicker 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
width: auto;
padding: 0;
display: none;
border: 0 none;
}
.ui-datepicker {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
border-radius: 0;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.4em 0;
border: 1px solid #3b3e40;
}
.ui-datepicker .ui-datepicker-header {
background: #595c5d;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#595c5d), to(#474a4b));
background: linear-gradient(to bottom, #595c5d 0%, #474a4b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595c5d', endColorstr='#474a4b', GradientType=0);
/* IE6-9 */
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
border-radius: 0;
}
.ui-datepicker th {
color: #e8e9ea !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
border: #27292b solid !important;
border-width: 1px 0 !important;
background: #77797a;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#77797a), to(#5b5e5e));
background: linear-gradient(to bottom, #77797a 0%, #5b5e5e 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77797a', endColorstr='#5b5e5e', GradientType=0);
/* IE6-9 */
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 9px;
width: 16px;
height: 16px;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 9px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 2px;
}
.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;
color: #e8e9ea;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 1px;
font-size: 0.9em;
border-collapse: collapse;
margin: -1px 0 0 0;
}
.ui-datepicker th {
padding: 0.7em 0;
text-align: center;
font-weight: bold;
border: 0;
font-size: 10px;
color: #acacac;
border-bottom: 1px solid #cdcdcd !important;
}
.ui-datepicker td {
border: 0;
padding: 0;
border: 1px solid #cdcdcd;
}
.ui-datepicker td a {
display: block;
padding: 0 !important;
width: 30px;
height: 30px;
border: 0 none !important;
/*border: 1px solid #cdcdcd !important;*/
line-height: 30px;
text-align: center;
font-size: 12px;
text-decoration: none;
font-weight: bold !important;
}
.ui-datepicker td a.ui-state-default {
color: #5d5d5d;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background: #e8e9ea;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#e8e9ea), to(#e3e3e3));
background: linear-gradient(to bottom, #e8e9ea 0%, #e3e3e3 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e9ea', endColorstr='#e3e3e3', GradientType=0);
/* IE6-9 */
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
}
.ui-datepicker tr:first-child {
border: 1px solid #27292b;
}
.ui-datepicker-current-day a {
background: #20a8fe !important;
-webkit-filter: none !important;
filter: none !important;
color: #FFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
-webkit-box-shadow: 0 0 7px #022a44 inset !important;
box-shadow: 0 0 7px #022a44 inset !important;
}
td.ui-datepicker-unselectable {
border-color: #ebebeb !important;
background: #fcfcfc;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#efefef));
background: linear-gradient(to bottom, #fcfcfc 0%, #efefef 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#efefef', GradientType=0);
/* IE6-9 */
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker .ui-icon-circle-triangle-w {
background: url(../img/plugin/jquery-ui/icons_16.png) 0 -128px no-repeat !important;
}
.ui-datepicker .ui-icon-circle-triangle-e {
background: url(../img/plugin/jquery-ui/icons_16.png) 0 -112px no-repeat !important;
}
.ui-datepicker-header .ui-state-hover {
border: 0;
background: none;
}
/* with multiple calendars */
.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 0.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 {
border-left-width: 0;
}
.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: 0em;
}
/* RTL support */
.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: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 2px;
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 {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none;
/*sorry for IE5*/
display: block;
/*sorry for IE5*/
position: absolute;
/*must have*/
z-index: -1;
/*must have*/
-webkit-filter: mask();
filter: mask();
/*must have*/
top: -4px;
/*must have*/
left: -4px;
/*must have*/
width: 200px;
/*must have*/
height: 200px;
/*must have*/
}
/*
* jQuery UI Progressbar 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar {
height: 10px;
text-align: left;
border: 0 none;
border-radius: 0;
background: #333;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) inset, 0 1px 0 rgba(255, 255, 255, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) inset, 0 1px 0 rgba(255, 255, 255, 0.15);
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
border: 0 none;
border-radius: 0;
}
.ui-progressbar .ui-progressbar-value {
background: #27abff;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#27abff), to(#059eff));
background: linear-gradient(to bottom, #27abff 0%, #059eff 100%);
/* W3C */
}
/* TOGGLE SWITCH CONTROL */
select.ui-toggle-switch {
display: none;
}
.ui-toggle-switch,
.ui-toggle-switch .ui-slider,
.ui-toggle-switch label {
display: inline-block;
*display: inline;
zoom: 1;
}
.ui-toggle-switch label {
text-transform: uppercase;
margin: 0 8px;
font-weight: bold;
border: 0;
font-size: 0.8em;
opacity: 0.5;
filter: alpha(opacity=50);
}
.ui-toggle-switch label:first-child {
margin-left: 0;
}
.ui-toggle-switch label.ui-state-active {
opacity: 1;
filter: alpha(opacity=100);
}
.ui-toggle-switch .ui-slider {
margin: 0 8px;
}
.ui-button,
button.ui-button.ui-state-default,
.ui-button.ui-state-default {
border: 1px solid #168dd9;
color: #FFF;
padding: 6px 12px;
font-size: 12px;
-webkit-box-shadow: 0 1px 0 #53bcff inset, 0 1px 2px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 0 #53bcff inset, 0 1px 2px rgba(0, 0, 0, 0.2) !important;
background: #27abff;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#27abff), to(#059eff));
background: linear-gradient(to bottom, #27abff 0%, #059eff 100%);
/* W3C */
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
}
.ui-button,
.ui-button span,
button.ui-button.ui-state-default span,
.ui-button.ui-state-default span {
text-shadow: 0 -1px 0 #1584de;
}
.ui-button:hover,
button.ui-button.ui-state-hover,
.ui-button.ui-state-hover {
border: 1px solid #0c6aa6;
-webkit-box-shadow: 0 1px 0 #58b3ff inset, 0 1px 2px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 1px 0 #58b3ff inset, 0 1px 2px rgba(0, 0, 0, 0.2) !important;
background: #279cff;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#279cff), to(#058dff));
background: linear-gradient(to bottom, #279cff 0%, #058dff 100%);
/* W3C */
}
.ui-button:hover,
.ui-button:hover span,
button.ui-button.ui-state-hover span {
text-shadow: 0 -1px 0 #117cc0;
}
.ui-button:active,
button.ui-button.ui-state-active,
.ui-button.ui-state-active {
border: 1px solid #0c6aa6;
position: relative;
top: 1px;
-webkit-box-shadow: 0 2px 2px rgba(12, 106, 106, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 2px 2px rgba(12, 106, 106, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.2) !important;
background: #058dff;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#058dff), to(#279cff));
background: linear-gradient(to bottom, #058dff 0%, #279cff 100%);
/* W3C */
}
.ui-button:active,
.ui-button:active span,
button.ui-button.ui-state-active span {
text-shadow: 0 -1px 0 #117cc0;
}
.ui-button:focus,
button.ui-button.ui-state-focus {
border-color: #0f669d;
color: #FFF !important;
text-shadow: 0 -1px 0 #216ea6 !important;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.35) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.35) !important;
background: #1888ce !important;
}
.ui-button .ui-button-text {
font-size: 12px;
}
button.ui-button span {
text-shadow: 0 -1px 0 #1584de !important;
}
.ui-button-text-only .ui-button-text {
padding: 0;
}
.ui-toggle-switch label {
text-align: left;
width: auto;
cursor: pointer;
}
.inlineSearch .ui-toggle-switch {
margin-top: 3px;
}
.oldie .inlineSearch .ui-toggle-switch {
margin-top: 2px;
}
/* === OSX SPECIFIC CLOSE POSITIONING === */
.macosx .ui-dialog-titlebar-close {
right: inherit;
left: -32px;
}
.macosx .ui-dialog-buttonset {
float: none;
}
.macosx .ui-dialog-buttonset button {
float: right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1) {
.ui-dialog .ui-dialog-titlebar-close {
background-image: url(../img/plugin/jquery-ui/modalClose@2x.png);
background-size: 30px 30px;
}
.ui-slider .ui-slider-handle {
background-image: url(../img/plugin/jquery-ui/slider_handles@2x.png);
background-size: 34px 21px;
}
}
/*!
* Copyright (c) 2014 Tamble, Inc.
* Licensed under MIT (https://github.com/tamble/jquery-ui-daterangepicker/raw/master/LICENSE.txt)
*/
.comiseo-daterangepicker-triggerbutton.ui-button {
text-align: left;
min-width: 18em;
width: 100%;
}
.comiseo-daterangepicker {
position: absolute;
padding: 5px;
z-index: 3;
}
.comiseo-daterangepicker-mask {
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
/* required for IE */
background-color: #fff;
opacity: 0;
filter: alpha(opacity = 0);
}
.comiseo-daterangepicker-presets,
.comiseo-daterangepicker-calendar {
display: table-cell;
vertical-align: top;
height: 230px;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-presets {
padding: 2px 7px 7px 2px;
}
.comiseo-daterangepicker-left .comiseo-daterangepicker-presets {
padding: 2px 2px 7px 7px;
}
.ui-menu {
white-space: nowrap;
}
.comiseo-daterangepicker .ui-widget-content,
.comiseo-daterangepicker .ui-datepicker .ui-state-highlight {
border-width: 0;
}
.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content {
border-bottom-width: 1px;
}
.comiseo-daterangepicker .ui-datepicker .ui-datepicker-today .ui-state-highlight {
border-width: 1px;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar {
border-left-width: 1px;
padding-left: 5px;
}
.comiseo-daterangepicker-left .comiseo-daterangepicker-calendar {
border-right-width: 1px;
padding-right: 5px;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel {
float: left;
}
.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel {
float: right;
}
.comiseo-daterangepicker-buttonpanel > button {
margin-top: 6px;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel > button {
margin-right: 6px;
}
.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel > button {
margin-left: 6px;
}
/* themeable styles */
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
background: #b0c4de;
color: #fff;
}
/*
* Custom Styling
*/
button.comiseo-daterangepicker-triggerbutton.ui-button {
background: #fff;
color: black;
border: none;
height: 32px;
padding: 2px 15px 0 0;
line-height: 32px;
display: inline-block;
font-weight: normal;
font-size: 1rem;
font-family: 'Texta Alt', 'Noto Sans SC', sans-serif;
width: 100%;
min-width: unset !important;
border-color: #bac2c9;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
button.comiseo-daterangepicker-triggerbutton.ui-button:focus {
border-color: #687582;
-webkit-transition: border-color 0.5s;
transition: border-color 0.5s;
background: #fff;
}
button.comiseo-daterangepicker-triggerbutton.ui-button .ui-button-icon.ui-icon {
display: none !important;
}
button.comiseo-daterangepicker-triggerbutton.ui-button.ui-state-default {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
button.comiseo-daterangepicker-triggerbutton,
.ui-button-text-icon-secondary .ui-button-text {
text-shadow: none !important;
padding: 0;
font-weight: normal;
font-size: 1rem;
font-family: 'Texta Alt', 'Noto Sans SC', sans-serif;
}
.ui-button-icon-secondary {
display: none;
}
button.comiseo-daterangepicker-triggerbutton.ui-button.ui-state-focus {
color: black !important;
border: none;
height: 32px;
padding: 2px 15px 0 0;
line-height: 32px;
display: inline-block;
font-weight: normal;
font-size: 1rem;
font-family: 'Texta Alt', 'Noto Sans SC', sans-serif;
background: #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
button.comiseo-daterangepicker-triggerbutton.ui-button .ui-button-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.comiseo-daterangepicker {
border: medium none;
border-radius: 0;
-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
padding: 0.8rem;
}
.comiseo-daterangepicker-calendar.ui-widget-content.hasDatepicker {
border: none;
padding-left: 0.5rem;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: none;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-presets {
padding: 0 0.5rem 0 0;
}
.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content {
margin-bottom: 0.3rem;
padding-bottom: 0.3rem;
border-color: #f3f4f6;
}
.ui-priority-primary.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only,
.ui-priority-primary.ui-button.ui-corner-all.ui-widget,
.ui-priority-secondary.ui-button.ui-corner-all.ui-widget {
background: #7b3c73 none repeat scroll 0 0;
border: medium none;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
font-size: 12px;
}
.ui-priority-primary.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover,
.ui-priority-primary.ui-button.ui-corner-all.ui-widget:hover,
.ui-priority-secondary.ui-button.ui-corner-all.ui-widget:hover,
.ui-priority-primary.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:focus,
.ui-priority-primary.ui-button.ui-corner-all.ui-widget:focus,
.ui-priority-secondary.ui-button.ui-corner-all.ui-widget:focus {
background: #ad57a2 none repeat scroll 0 0 !important;
}
button.ui-button span {
text-shadow: none !important;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel {
float: right;
}
.ui-datepicker .ui-datepicker-header {
border: none;
background: #7b3c73 none repeat scroll 0 0;
}
.ui-datepicker th {
background: none;
}
.ui-datepicker thead tr:first-child {
border: none;
background: #7b3c73 none repeat scroll 0 0;
}
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
background: #dfbedb none repeat scroll 0 0;
}
.ui-datepicker-current-day a,
ui-state-default ui-state-highlight ui-state-active {
background: #7b3c73 repeat scroll 0 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.ui-datepicker td a.ui-state-default {
background: #fff none repeat scroll 0 0;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
}
.comiseo-daterangepicker-mask {
z-index: 15;
}
.comiseo-daterangepicker {
z-index: 16;
}
@media screen and (max-width: 640px) {
button.comiseo-daterangepicker-triggerbutton.ui-button {
border: 1px solid #ddd;
height: 40px;
padding: 0 5px;
}
}
button.comiseo-daterangepicker-triggerbutton.ui-button:focus {
background: none !important;
color: unset !important;
text-shadow: none !important;
outline: none;
}
/*! jQuery UI - v1.13.2 - 2024-02-17
* http://jqueryui.com
* Includes: sortable.css, core.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, menu.css, selectmenu.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
/*! lightgallery - v1.6.7 - 2018-02-11
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2018 Sachin N; Licensed GPLv3 */
@font-face {
font-family: 'lg';
src: url("/public/font/plugin/lightGallery/lg.eot?n1z373");
src: url("/public/font/plugin/lightGallery/lg.eot?#iefixn1z373") format("embedded-opentype"), url("/public/font/plugin/lightGallery/lg.woff?n1z373") format("woff"), url("/public/font/plugin/lightGallery/lg.ttf?n1z373") format("truetype"), url("/public/font/plugin/lightGallery/lg.svg?n1z373#lg") format("svg");
font-weight: normal;
font-style: normal;
}
.lg-icon {
font-family: 'lg';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
border: none;
outline: none;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
color: #FFF;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #FFF;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar,
.lg-prev,
.lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0D0A0A;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
border-radius: 5px;
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #FFF;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url("/public/img/plugin/lightGallery/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url("/public/img/plugin/lightGallery/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url("/public/img/plugin/lightGallery/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url("/public/img/plugin/lightGallery/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url("/public/img/plugin/lightGallery/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
-webkit-box-shadow: 0 0 0 2px white inset;
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-webkit-transition: -webkit-box-shadow 0.3s ease 0s;
transition: -webkit-box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
-webkit-box-shadow: 0 0 0 8px white inset;
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a,
.lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url("/public/img/plugin/lightGallery/loading.gif") no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/*# sourceMappingURL=lightgallery.css.map */
ul.lSPager.lSGallery li {
margin-left: 0 !important;
}
.lg-actions {
margin-top: 47px;
}
/* lightslider - v1.1.2 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lightSlider:before,
.lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform, height;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #222222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
transition: border-radius 0.12s linear 0s 0.35s linear 0s;
border-radius: 5px;
}
/*.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}*/
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}
/* End of Gallery*/
/* slider actions */
.lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url('/public/img/plugin/lightSlider/controls.png');
cursor: pointer;
position: absolute;
z-index: 10;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
/* vertical */
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
}
/* Rtl */
@-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
/*/ GRab cursor */
.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lSSlideOuter .lSPager.lSpg > li {
padding: 0;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
background-color: rgba(0, 0, 0, 0.9);
}
.carousel {
overflow: hidden;
}
.carousel .lightSlider {
list-style: none;
margin-bottom: 0;
}
.carousel .lightSlider li {
display: block;
float: left;
cursor: pointer;
margin-left: 0;
}
.carousel .lightSlider img {
display: block;
height: auto;
max-width: 100%;
}
.carousel .lSAction {
position: initial;
}
.carousel--control-within .lSPager.lSpg {
position: absolute;
bottom: 10px;
width: 100%;
}
.carousel--control-within .lSPager.lSpg > li a {
background-color: rgba(158, 168, 178, 0.5);
border-color: #35485d;
}
.carousel--control-within .lSPager.lSpg > li.active a {
background-color: #fff;
}
.carousel--rounded .lSSlideOuter {
border-radius: 5px;
}
.modal {
position: relative;
background: #FFF;
padding: 20px;
width: 100%;
max-width: 500px;
margin: 20px auto;
}
.modal--large {
max-width: 1000px;
}
.button-block {
display: inline-block;
width: 100%;
padding: 15px;
border-radius: 3px;
text-align: center;
line-height: 1;
}
.button-block i {
font-size: 2rem;
display: block;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99998!important;
overflow: hidden;
position: fixed;
background: rgba(0, 0, 0, 0.6);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999!important;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
max-width: 1000px;
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: fixed;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 24px;
font-family: 'Texta Alt Thin', 'Noto Sans SC', sans-serif;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.mfp-iframe-scaler iframe {
background: #fff;
}
.mfp-modal {
background: #fff;
padding: 15px;
text-align: left;
max-width: 880px;
margin: 30px auto;
position: relative;
}
.mfp-modal.mfp-half {
max-width: 440px;
}
.mfp-modal.mfp-three-quarter {
max-width: 660px;
}
.mfp-modal > header,
.mfp-modal > div > header {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.mfp-modal > header h4,
.mfp-modal > div > header h4,
.mfp-modal > header p,
.mfp-modal > div > header p {
margin-bottom: 5px;
}
.mfp-modal > header h4,
.mfp-modal > div > header h4 {
text-transform: uppercase;
font-size: 14px;
}
.mfp-modal > footer,
.mfp-modal > div > footer {
padding-top: 15px;
margin-top: 15px;
text-align: center;
}
.mfp-modal > footer .btn,
.mfp-modal > div > footer .btn {
text-transform: uppercase;
}
.mfp-modal .inner {
padding-left: 0;
padding-right: 40px;
}
.mfp-page {
margin: 0;
padding: 20px;
background-color: #fff;
}
.mfp-page .mfp-modal {
margin: 0;
padding: 0;
}
.mfp-iframe-modal iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
}
.mfp-iframe-modal .mfp-close {
position: absolute;
height: 40px;
width: 40px;
color: #111;
top: 0;
right: 0;
}
.mfp-close {
font-size: 28px;
font-style: normal;
height: 44px;
line-height: 44px;
opacity: 0.65;
padding: 0 0 18px 10px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
width: 44px;
}
.js-news-ticker {
background-color: #ffff99;
overflow: hidden;
border: 1px solid #eee;
margin: 10px 0;
padding: 0 10px;
display: block;
height: 84px;
}
.js-news-ticker li {
padding: 10px 0;
display: block;
list-style: none;
margin-left: 0;
}
.onoffswitch {
display: none;
}
.onoffswitch-label {
overflow: hidden;
cursor: pointer;
border-radius: 10px;
position: relative;
width: 45px;
top: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
/* Ovewrites */
.onoffswitch + label {
padding-left: 0px !important;
height: 21px !important;
}
.onoffswitch + label:before {
display: none;
}
.onoffswitch + label:after {
display: none;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
-webkit-transition: margin 0.2s ease-in 0s;
transition: margin 0.2s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
display: block;
float: left;
width: 50%;
height: 21px;
padding: 0;
line-height: 21px;
color: #fff;
}
.onoffswitch-inner:before {
content: "On";
color: #fff;
background-color: #2fccff;
padding-left: 8px;
}
.onoffswitch-inner:after {
content: "Off";
text-align: right;
color: #fff;
background-color: #c2c2c2;
padding-right: 6px;
}
.onoffswitch-switch {
display: block;
width: 12px;
margin: 5px;
background: #fff;
border-radius: 20px;
position: absolute;
top: 0;
bottom: 0;
right: 22px;
-webkit-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
}
.onoffswitch:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch:checked + .onoffswitch-label .onoffswitch-switch {
right: 0;
}
/*Variation*/
.onoffswitch--l + label {
height: 30px !important;
}
.onoffswitch--l + .onoffswitch-label {
border-radius: 30px;
width: 65px;
top: 2px;
/*Adjustment to match other 35px height input*/
}
.onoffswitch--l + .onoffswitch-label .onoffswitch-inner::after,
.onoffswitch--l + .onoffswitch-label .onoffswitch-inner::before {
height: 35px;
line-height: 30px;
}
.onoffswitch--l + .onoffswitch-label .onoffswitch-inner::before {
content: "ON";
padding-left: 14px;
font-weight: bold;
text-align: left;
}
.onoffswitch--l + .onoffswitch-label .onoffswitch-inner::after {
content: "OFF";
padding-right: 8px;
font-weight: bold;
}
.onoffswitch--l + .onoffswitch-label .onoffswitch-switch {
width: 20px;
right: 34px;
}
.onoffswitch--purple + .onoffswitch-label .onoffswitch-inner::before {
background-color: #ad57a2;
}
.onoffswitch--black + .onoffswitch-label .onoffswitch-inner::before {
background-color: #000;
}
.onoffswitch--green + .onoffswitch-label .onoffswitch-inner::before {
background-color: #26A65B;
}
.onoffswitch--navy + .onoffswitch-label .onoffswitch-inner::before {
background-color: #1073B9;
}
/*
* Core Owl Carousel CSS File
* v1.24
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor: url(/public/img/plugin/owlcarousel/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
/* CSS3 Transitions */
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
}
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut 0.7s both ease;
animation: fadeOut 0.7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn 0.7s both ease;
animation: fadeIn 0.7s both ease;
}
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade 0.7s ease both;
animation: scaleToFade 0.7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown 0.6s ease both;
animation: goDown 0.6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom 0.5s ease both;
animation: scaleUpFrom 0.5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo 0.5s ease both;
animation: scaleUpTo 0.5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {
opacity: 1;
}
}
@keyframes empty {
0% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity: 0.5;
-webkit-transform: translateZ(-500px);
}
75% {
opacity: 0.5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: 0.5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity: 0.5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px);
}
75% {
opacity: 0.5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: 0.5;
-webkit-transform: translateZ(-500px) translateX(-200%);
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%,
25% {
opacity: 0.5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: 0.5;
-webkit-transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%,
25% {
opacity: 0.5;
-webkit-transform: translateZ(-500px) translateX(200%);
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: 0.5;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8);
}
}
@keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%);
}
}
@keyframes goDown {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
.owl-theme .owl-controls {
margin-top: 5px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
border-radius: 30px;
background: #869791;
filter: alpha(opacity=50);
/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: alpha(opacity=100);
/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
margin: 5px 2px;
border-radius: 20px;
background-color: #c9ced4;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
background-color: rgba(0, 0, 0, 0.5);
}
.owl-theme.owl-theme-new .owl-controls .owl-page.active span,
.owl-theme.owl-theme-new .owl-controls.clickable .owl-page:hover span {
background-color: #ad57a2;
}
.owl-theme.owl-theme-listing .owl-controls .owl-page.active span,
.owl-theme.owl-theme-listing .owl-controls.clickable .owl-page:hover span {
background-color: #04ace4;
}
.owl-theme.owl-theme-property .owl-controls .owl-page.active span,
.owl-theme.owl-theme-property .owl-controls.clickable .owl-page:hover span {
background-color: #037399;
}
.owl-theme.owl-theme-classified .owl-controls .owl-page.active span,
.owl-theme.owl-theme-classified .owl-controls.clickable .owl-page:hover span {
background-color: #f8981d;
}
.owl-theme.owl-theme-classified .article h3 {
height: 18px;
overflow: hidden;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url(/public/img/plugin/owlCarousel/AjaxLoader.gif) no-repeat center center;
}
.js-carousel {
background-color: transparent;
color: #000;
}
.js-carousel.red .owl-controls .owl-page.active span,
.js-carousel.red .owl-controls.clickable .owl-page:hover span {
background-color: #ef4538;
}
.js-carousel.orange .owl-controls .owl-page.active span,
.js-carousel.orange .owl-controls.clickable .owl-page:hover span {
background-color: #f8981d;
}
.js-carousel.yellow .owl-controls .owl-page.active span,
.js-carousel.yellow .owl-controls.clickable .owl-page:hover span {
background-color: #ffcd3e;
}
.js-carousel.green .owl-controls .owl-page.active span,
.js-carousel.green .owl-controls.clickable .owl-page:hover span {
background-color: #26A65B;
}
.js-carousel.teal .owl-controls .owl-page.active span,
.js-carousel.teal .owl-controls.clickable .owl-page:hover span {
background-color: #19A89C;
}
.js-carousel.blue .owl-controls .owl-page.active span,
.js-carousel.blue .owl-controls.clickable .owl-page:hover span {
background-color: #04ace4;
}
.js-carousel.navy .owl-controls .owl-page.active span,
.js-carousel.navy .owl-controls.clickable .owl-page:hover span {
background-color: #1073B9;
}
.js-carousel.purple .owl-controls .owl-page.active span,
.js-carousel.purple .owl-controls.clickable .owl-page:hover span {
background-color: #ad57a2;
}
.js-carousel.pink .owl-controls .owl-page.active span,
.js-carousel.pink .owl-controls.clickable .owl-page:hover span {
background-color: #e466a6;
}
.js-carousel.gray .owl-controls .owl-page.active span,
.js-carousel.gray .owl-controls.clickable .owl-page:hover span {
background-color: #9ea8b2;
}
.js-carousel.indigo .owl-controls .owl-page.active span,
.js-carousel.indigo .owl-controls.clickable .owl-page:hover span {
background-color: #7B73D5;
}
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pace-progress {
display: block;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
height: 5px;
background: #ea212d;
-webkit-transition: -webkit-transform 0.3s, width 1s;
-moz-transition: width 1s;
-o-transform: width 1s;
-webkit-transition: width 1s, -webkit-transform 0.3s;
transition: width 1s, -webkit-transform 0.3s;
transition: transform 0.3s, width 1s;
transition: transform 0.3s, width 1s, -webkit-transform 0.3s;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
pointer-events: none;
}
.pace.pace-active .pace-progress {
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media screen and (max-width: 1000px) {
.pace-progress {
display: none;
}
}
.datepicker,
.timepicker {
background-color: #fff;
cursor: pointer !important;
}
.datepicker-link,
.timepicker-link {
color: #1dafec;
border-color: #fff;
}
.picker {
font-size: 16px;
text-align: left;
line-height: 1.2;
color: #000;
position: absolute;
z-index: 10000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/**
* The picker input element.
*/
.picker__input {
cursor: default;
}
/**
* When the picker is opened, the input element is “activated”.
*/
.picker__input.picker__input--active {
border-color: #0089ec;
}
/**
* The holder is the only “scrollable” top-level container element.
*/
.picker__holder {
width: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/*
* Default mobile-first, responsive styling for pickadate.js
* Demo: http://amsul.github.io/pickadate.js
*/
/**
* Note: the root picker element should *NOT* be styled more than what’s here.
*/
/**
* Make the holder and frame fullscreen.
*/
.picker__holder,
.picker__frame {
bottom: 0;
left: 0;
right: 0;
top: 100%;
}
/**
* The holder should overlay the entire screen.
*/
.picker__holder {
position: fixed;
-webkit-transition: background 0.15s ease-out, top 0s 0.15s;
transition: background 0.15s ease-out, top 0s 0.15s;
-webkit-backface-visibility: hidden;
}
/**
* The frame that bounds the box contents of the picker.
*/
.picker__frame {
position: absolute;
margin: 0 auto;
min-width: 256px;
max-width: 666px;
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
.picker__frame {
overflow: visible;
top: auto;
bottom: -100%;
max-height: 80%;
}
}
@media (min-height: 40.125em) {
.picker__frame {
margin-bottom: 7.5%;
}
}
/**
* The wrapper sets the stage to vertically align the box contents.
*/
.picker__wrap {
display: table;
width: 100%;
height: 100%;
}
@media (min-height: 33.875em) {
.picker__wrap {
display: block;
}
}
/**
* The box contains all the picker contents.
*/
.picker__box {
background: #ffffff;
display: table-cell;
vertical-align: middle;
}
@media (min-height: 26.5em) {
.picker__box {
font-size: 1.25em;
}
}
@media (min-height: 33.875em) {
.picker__box {
display: block;
font-size: 1.33em;
border: 1px solid #777777;
border-top-color: #898989;
border-bottom-width: 0;
border-radius: 5px 5px 0 0;
-webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
}
}
@media (min-height: 40.125em) {
.picker__box {
font-size: 1.5em;
border-bottom-width: 1px;
border-radius: 5px;
}
}
/**
* When the picker opens...
*/
.picker--opened .picker__holder {
top: 0;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
zoom: 1;
background: rgba(0, 0, 0, 0.32);
-webkit-transition: background 0.15s ease-out;
transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
top: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
@media (min-height: 33.875em) {
.picker--opened .picker__frame {
top: auto;
bottom: 0;
}
}
.picker__box {
padding: 0 1em;
}
/**
* The header containing the month and year stuff.
*/
.picker__header {
text-align: center;
position: relative;
margin-top: 0.75em;
}
/**
* The month and year labels.
*/
.picker__month,
.picker__year {
font-weight: 500;
display: inline-block;
margin-left: 0.25em;
margin-right: 0.25em;
}
.picker__year {
color: #999999;
font-size: 0.8em;
font-style: italic;
}
/**
* The month and year selectors.
*/
.picker__select--month,
.picker__select--year {
font-size: 0.8em;
height: 2.5em;
padding: 7px;
margin-left: 0.25em;
margin-right: 0.25em;
margin-top: -0.5em;
display: inline;
}
@media (min-width: 24.5em) {
.picker__select--month,
.picker__select--year {
margin-top: -0.5em;
}
}
.picker__select--month {
width: 35% !important;
}
.picker__select--year {
width: 22.5% !important;
}
.picker__select--month:focus,
.picker__select--year:focus {
border-color: #0089ec;
}
/**
* The month navigation buttons.
*/
.picker__nav--prev,
.picker__nav--next {
position: absolute;
padding: 0.5em 1.33em;
width: 1em;
height: 1em;
-webkit-box-sizing: content-box;
box-sizing: content-box;
top: -0.33em;
}
@media (min-width: 24.5em) {
.picker__nav--prev,
.picker__nav--next {
top: -0.33em;
}
}
.picker__nav--prev {
left: -1em;
padding-right: 1.5em;
}
@media (min-width: 24.5em) {
.picker__nav--prev {
padding-right: 1.5em;
}
}
.picker__nav--next {
right: -1em;
padding-left: 1.5em;
}
@media (min-width: 24.5em) {
.picker__nav--next {
padding-left: 1.5em;
}
}
.picker__nav--prev:before,
.picker__nav--next:before {
content: " ";
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-right: 0.75em solid #000;
width: 0;
height: 0;
display: block;
margin: 0 auto;
}
.picker__nav--next:before {
border-right: 0;
border-left: 0.75em solid #000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
cursor: pointer;
color: #000000;
background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
cursor: default;
background: none;
border-right-color: #f5f5f5;
border-left-color: #f5f5f5;
}
/**
* The calendar table of dates
*/
.picker__table {
text-align: center;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
font-size: inherit;
width: 100%;
margin-top: 0.75em;
margin-bottom: 0.5em;
}
@media (min-height: 33.875em) {
.picker__table {
margin-bottom: 0.75em;
}
}
.picker__table td {
margin: 0;
padding: 0;
}
/**
* The weekday labels
*/
.picker__weekday {
width: 14.28571429%;
font-size: 0.75em;
padding-bottom: 0.25em;
color: #999999;
font-weight: 500;
/* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
.picker__weekday {
padding-bottom: 0.5em;
}
}
/**
* The days on the calendar
*/
.picker__day {
padding: 0.3125em 0;
font-weight: 200;
border: 1px solid transparent;
}
.picker__day--today {
color: #0089ec;
position: relative;
}
.picker__day--today:before {
content: " ";
position: absolute;
top: 2px;
right: 2px;
width: 0;
height: 0;
border-top: 0.5em solid #0059bc;
border-left: 0.5em solid transparent;
}
.picker__day--selected,
.picker__day--selected:hover {
border-color: #0089ec;
}
.picker__day--highlighted {
background: #b1dcfb;
}
.picker__day--disabled:before {
border-top-color: #aaaaaa;
}
.picker__day--outfocus {
color: #dddddd;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=66)";
filter: alpha(opacity=66);
-moz-opacity: 0.66;
opacity: 0.66;
}
.picker__day--highlighted {
border-color: #0089ec;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
cursor: pointer;
color: #000000;
background: #b1dcfb;
}
.picker__day--highlighted {
border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
cursor: pointer;
color: #000000;
background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
background: #0089ec;
color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
background: #f5f5f5;
border-color: #f5f5f5;
color: #dddddd;
cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
background: #bbbbbb;
}
/**
* The footer containing the "today", "clear", and "close" buttons.
*/
.picker__footer {
text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
border: 1px solid #fff !important;
background: #fff;
font-size: 0.8em;
color: #000 !important;
padding: 0.66em 0;
font-weight: bold;
width: 33% !important;
display: inline-block;
vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
cursor: pointer;
color: #000000;
background: #b1dcfb;
border-bottom-color: #b1dcfb;
border-radius: 0 !important;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
background: #b1dcfb;
border-color: #0089ec;
outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
position: relative;
display: inline-block;
height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
content: " ";
margin-right: 0.45em;
}
.picker__button--today:before {
top: -0.05em;
width: 0;
border-top: 0.66em solid #0059bc;
border-left: 0.66em solid transparent;
}
.picker__button--clear:before {
top: -0.25em;
width: 0.66em;
border-top: 3px solid #ee2200;
}
.picker__button--close:before {
content: "\D7";
top: -0.1em;
vertical-align: top;
font-size: 1.1em;
margin-right: 0.35em;
color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
background: #f5f5f5;
border-color: #f5f5f5;
color: #dddddd;
cursor: default;
}
.picker__button--today[disabled]:before {
border-top-color: #aaaaaa;
}
.picker__list {
list-style: none;
padding: 0.75em 0 4.2em;
margin: 0;
}
/**
* The times on the clock.
*/
.picker__list-item {
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
margin-bottom: -1px;
position: relative;
background: #ffffff;
padding: 0.75em 1.25em;
}
@media (min-height: 46.75em) {
.picker__list-item {
padding: 0.5em 1em;
}
}
/* Hovered time */
.picker__list-item:hover {
cursor: pointer;
color: #000000;
background: #b1dcfb;
border-color: #0089ec;
z-index: 10;
}
/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
border-color: #0089ec;
z-index: 10;
}
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
cursor: pointer;
color: #000000;
background: #b1dcfb;
}
/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
background: #0089ec;
color: #ffffff;
z-index: 10;
}
/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
background: #f5f5f5;
border-color: #f5f5f5;
color: #dddddd;
cursor: default;
border-color: #dddddd;
z-index: auto;
}
/**
* The clear button
*/
.picker--time .picker__button--clear {
display: block;
width: 80%;
margin: 1em auto 0;
padding: 1em 1.25em;
background: none;
border: 0;
font-weight: 500;
font-size: 0.67em;
text-align: center;
text-transform: uppercase;
color: #666;
}
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
color: #000000;
background: #b1dcfb;
background: #ee2200;
border-color: #ee2200;
cursor: pointer;
color: #ffffff;
outline: none;
}
.picker--time .picker__button--clear:before {
top: -0.25em;
color: #666;
font-size: 1.25em;
font-weight: bold;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
color: #ffffff;
}
/* ==========================================================================
$DEFAULT-TIME-PICKER
========================================================================== */
/**
* The frame the bounds the time picker.
*/
.picker--time .picker__frame {
min-width: 256px;
max-width: 320px;
}
/**
* The picker box.
*/
.picker--time .picker__box {
font-size: 1em;
background: #f2f2f2;
padding: 0;
}
@media (min-height: 40.125em) {
.picker--time .picker__box {
margin-bottom: 5em;
}
}
.picker--time ul.picker__list li {
margin-left: 0;
}
.richeditor {
border: 1px solid #ccc;
padding: 4px 5px;
height: 180px;
overflow: auto;
}
.popline {
position: absolute;
background-color: #444;
opacity: 0.95;
border: 1px solid #3B3B3A;
display: none;
margin: 0;
list-style: none;
padding: 0px 2px;
font-family: Arial, Helvetica, "Hiragino Sans GB", sans-serif;
text-rendering: optimizeLegibility;
}
.popline li {
color: white;
font-size: 14px;
font-weight: bold;
float: left;
cursor: pointer;
text-align: center;
margin-left: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.popline li i {
font-weight: bold;
}
}
.popline li .popline-text {
font-size: 15.4px;
top: -2px;
display: inline-block;
position: relative;
}
.popline li a {
background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
outline: none;
display: inline-block;
padding: 8px 15px;
height: 30px;
font-size: 12px;
vertical-align: middle;
min-width: 14px;
}
.popline li a:link,
.popline li a:hover,
.popline li a:visited,
.popline li a:active {
color: white;
text-decoration: none;
}
.popline .popline-hover {
background-color: #222;
}
.popline .popline-boxed {
padding: 0;
}
.popline .popline-lighter {
font-weight: lighter;
}
.popline .popline-subbar {
display: none;
list-style: none;
padding: 0;
}
.popline .popline-textfield {
border: none;
padding: 4px;
padding: 4px 4px 5px 4px\9;
margin-left: 5px;
display: none;
outline: none;
width: 150px;
}
/* Tab style */
#scrollUp {
bottom: 0;
right: 30px;
width: 70px;
height: 50px;
margin-bottom: -10px;
padding: 5px;
font-size: 11px;
text-align: center;
text-decoration: none;
color: #888;
background-color: #eee;
border: 3px solid;
border-color: #ddd #ddd #eee;
-webkit-transition: margin-bottom 150ms linear;
transition: margin-bottom 150ms linear;
}
#scrollUp:hover {
margin-bottom: 0;
}
/**
* selectize.default.css (v0.7.7) - Default Theme
* Copyright (c) 2013 Brian Reavis & contributors
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
* file except in compliance with the License. You may obtain a copy of the License at:
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
* ANY KIND, either express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*
* @author Brian Reavis
*/
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
background: #f2f2f2 !important;
background: rgba(0, 0, 0, 0.06) !important;
border: 0 none !important;
visibility: visible !important;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
content: '!';
visibility: hidden;
}
.selectize-dropdown-header {
position: relative;
padding: 5px 8px;
background: #f8f8f8;
border-bottom: 1px solid #d0d0d0;
}
.selectize-dropdown-header-close {
position: absolute;
top: 50%;
right: 8px;
margin-top: -12px;
font-size: 20px !important;
line-height: 20px;
color: #303030;
opacity: 0.4;
}
.selectize-dropdown-header-close:hover {
color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
float: left;
border-top: 0 none;
border-right: 1px solid #f2f2f2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
position: relative;
padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
border-radius: 50%;
bottom: 0;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 12px;
line-height: 13px;
margin-right: 5px;
margin-top: 4px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
vertical-align: middle;
width: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
background-color: rgba(255, 255, 255, 0.3);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
border-left-color: #00578d;
}
.selectize-control {
position: relative;
height: 40px;
}
/*.selectize-dropdown,
.selectize-input,
.selectize-input input {
font-family: inherit;
font-size: 13px;
-webkit-font-smoothing: inherit;
line-height: 18px;
color: #303030;
}*/
.selectize-input,
.selectize-control.single .selectize-input.focus {
display: inline-block;
cursor: text;
background: #ffffff;
}
.selectize-input {
/*position: relative;
z-index: 1;
display: inline-block;
//width: 100%;
//padding: 8px 8px;
overflow: hidden;
//border: 1px solid #d0d0d0;
//.box-sizing(border-box);
height: auto;
min-height: @input-height;
padding: 3px 5px 0;*/
}
.selectize-control.multi {
height: auto;
}
.selectize-control.multi .selectize-input {
padding: 5px;
}
.selectize-input.full {
background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
cursor: default !important;
}
.selectize-input > * {
display: -moz-inline-stack;
display: inline-block;
*display: inline;
vertical-align: baseline;
zoom: 1;
}
.selectize-control.multi .selectize-input > div {
padding: 0 10px;
border-radius: 5px;
margin: 2px;
color: #ffffff;
cursor: pointer;
background: #35485d !important;
height: 25px;
line-height: 25px;
/*float: left;*/
}
.selectize-control.multi .selectize-input > div.active {
color: #ffffff;
background: #92c836;
border: 1px solid #00578d;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
color: #ffffff;
background: #d2d2d2;
border: 1px solid red;
}
.selectize-input > input {
max-width: 100% !important;
max-height: none !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 1px 0 !important;
line-height: 20px;
text-indent: 0 !important;
background: none !important;
border: 0 none !important;
-webkit-user-select: auto !important;
height: 20px;
}
.selectize-input > input:focus {
outline: none !important;
}
.selectize-input::after {
display: block;
clear: left;
content: ' ';
}
.selectize-input.dropdown-active::before {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 1px;
background: #f0f0f0;
content: ' ';
}
.selectize-dropdown {
position: absolute;
z-index: 10;
margin: -1px 0 0 0;
background: #ffffff;
border: 1px solid #d0d0d0;
border-top: 0 none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.selectize-dropdown [data-selectable] {
overflow: hidden;
cursor: pointer;
}
.selectize-dropdown [data-selectable] .highlight {
background: rgba(125, 168, 208, 0.2);
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
color: #303030;
cursor: default;
background: #ffffff;
}
.selectize-dropdown .active {
color: #495c68;
background-color: #f5fafd;
}
.selectize-dropdown .active.create {
color: #495c68;
}
.selectize-dropdown .create {
color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
cursor: pointer;
}
.selectize-control.single .selectize-input.focus,
.selectize-control.single .selectize-input.focus input {
cursor: text;
}
.selectize-control.single .selectize-input:after {
position: absolute;
top: 50%;
right: 7px;
display: block;
width: 0;
height: 0;
margin-top: -2px;
border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
border-style: solid;
border-width: 5px 5px 0 5px;
content: ' ';
}
.selectize-control.single .selectize-input.dropdown-active:after {
margin-top: -4px;
border-color: transparent transparent rgba(0, 0, 0, 0.5) transparent;
border-width: 0 5px 5px 5px;
}
.selectize-control .selectize-input.disabled {
background-color: #fafafa;
opacity: 0.5;
}
/*
.selectize-control.multi .selectize-input.has-items {
padding-right: 5px;
padding-left: 5px;
}
*/
.selectize-control.multi .selectize-input.disabled [data-value] {
color: #999;
text-shadow: none;
background: none;
border-color: #e6e6e6;
-webkit-box-shadow: none;
box-shadow: none;
}
.selectize-control.multi .selectize-input [data-value] {
text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
background-color: #1b9dec;
background-repeat: repeat-x;
}
.selectize-control.multi .selectize-input [data-value].active {
background-color: #0085d4;
background-repeat: repeat-x;
}
/*.selectize-control.single .selectize-input {
background-color: #f9f9f9;
background-repeat: repeat-x;
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
border-color: #b8b8b8;
}
*/
.selectize-dropdown .optgroup-header {
padding-top: 7px;
font-size: 0.85em;
font-weight: bold;
}
.selectize-dropdown .optgroup {
border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
border-top: 0 none;
}
/*
.selectize-input {
.mx-input-style();
}*/
/**
* style overrides to suit hax's form
* NOTE: the real .hook-input() mixin now lives in base/hooks.less (moved
* there because a mixin defined inside @layer plugin is invisible to
* base/form's unlayered `.hook-input();` call - see base/hooks.less).
*/
#tooltip {
text-align: center;
color: #fff;
background: #111;
position: absolute;
z-index: 100000;
padding: 15px;
opacity: 1;
}
#tooltip:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #111;
content: '';
position: absolute;
left: 50%;
bottom: -9px;
margin-left: -10px;
}
#tooltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid #111;
top: -20px;
bottom: auto;
}
#tooltip.left:after {
left: 10px;
margin: 0;
}
#tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
}
/*@zindex-tooltip: 1030;
@tooltip-max-width: 200px;
@tooltip-color: #fff;
@tooltip-bg: #000;
@tooltip-arrow-width: 5px;
@tooltip-arrow-color: @tooltip-bg;
// Base class
.tooltip {
position: absolute;
z-index: @zindex-tooltip;
display: block;
visibility: visible;
font-size: @font-s;
line-height: 1.4;
.opacity(0);
&.in { .opacity(90); }
&.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
&.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
&.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
&.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
}
// Wrapper for the tooltip content
.tooltip-inner {
max-width: @tooltip-max-width;
padding: 3px 8px;
color: @tooltip-color;
text-align: center;
text-decoration: none;
background-color: @tooltip-bg;
}
// Arrows
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip {
&.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -@tooltip-arrow-width;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.top-left .tooltip-arrow {
bottom: 0;
left: @tooltip-arrow-width;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.top-right .tooltip-arrow {
bottom: 0;
right: @tooltip-arrow-width;
border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
border-top-color: @tooltip-arrow-color;
}
&.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -@tooltip-arrow-width;
border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
border-right-color: @tooltip-arrow-color;
}
&.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -@tooltip-arrow-width;
border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
border-left-color: @tooltip-arrow-color;
}
&.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -@tooltip-arrow-width;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
&.bottom-left .tooltip-arrow {
top: 0;
left: @tooltip-arrow-width;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
&.bottom-right .tooltip-arrow {
top: 0;
right: @tooltip-arrow-width;
border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
border-bottom-color: @tooltip-arrow-color;
}
}*/
/*--------------------
Transition
----------------------*/
.fade-transition {
-webkit-transition: all 1.5s ease;
transition: all 1.5s ease;
opacity: 1;
}
.fade-enter,
.fade-leave {
opacity: 0;
}
.expand-transition {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
min-height: 40px;
background-color: #eee;
overflow: hidden;
}
.expand-enter,
.expand-leave {
height: 0;
min-height: 0;
opacity: 0;
}
.fromBottom-transition {
-webkit-animation: from-bottom 0.3s ease-out;
animation: from-bottom 0.3s ease-out;
opacity: 1;
}
.fromBottom-enter,
.fromBottom-leave {
opacity: 0;
display: none;
}
@-webkit-keyframes from-bottom {
0% {
-webkit-transform: translateY(80px);
transform: translateY(80px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
}
@keyframes from-bottom {
0% {
-webkit-transform: translateY(80px);
transform: translateY(80px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
}
.fromRight-transition {
-webkit-animation: from-right 0.3s ease-out;
animation: from-right 0.3s ease-out;
opacity: 1;
}
.fromRight-enter,
.fromRight-leave {
opacity: 0;
display: none;
}
@-webkit-keyframes from-right {
0% {
-webkit-transform: translateX(80px);
transform: translateX(80px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes from-right {
0% {
-webkit-transform: translateX(80px);
transform: translateX(80px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fromLeft-transition {
-webkit-animation: from-left 0.3s ease-out;
animation: from-left 0.3s ease-out;
opacity: 1;
}
.fromLeft-enter,
.fromLeft-leave {
opacity: 0;
display: none;
}
@-webkit-keyframes from-left {
0% {
-webkit-transform: translateX(-80px);
transform: translateX(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes from-left {
0% {
-webkit-transform: translateX(-80px);
transform: translateX(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
.fromTop-transition {
-webkit-animation: from-top 0.3s ease-out;
animation: from-top 0.3s ease-out;
opacity: 1;
}
.fromTop-enter,
.fromTop-leave {
opacity: 0;
display: none;
}
@-webkit-keyframes from-top {
0% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes from-top {
0% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
/*------------------------------------------------------------------
Vue Loading
- Extra v-load div ourside of cloak to show content when loading
--------------------------------------------------------------------*/
[v-cloak] {
display: none;
}
[v-cloak].v-load,
[v-cloak] .v-load,
[v-cloak] ~ .v-load {
display: block;
}
.v-load {
display: none;
background: url('/public/img/ui/loading/t2u-loading.gif') no-repeat center;
width: 100%;
min-height: 128px;
}
[v-cloak].v-load-custom,
[v-cloak] ~ .v-load-custom {
display: block;
}
.v-load-custom {
display: none;
}
/*------------------------------------------------------------
Vue Loading More
- Various v-cloak class for show/hide element inside cloak div
- Used when we want to set display element one by one (offers granularity)
--------------------------------------------------------------*/
[v-cloak].v-cloak {
display: block;
}
[v-cloak] .v-cloak--block {
display: block;
}
[v-cloak] .v-cloak--inline {
display: inline;
}
[v-cloak] .v-cloak--inline-block {
display: inline-block;
}
[v-cloak] .v-cloak--hidden {
display: none;
}
[v-cloak] .v-cloak--invisible {
visibility: hidden;
}
.v-cloak--block,
.v-cloak--inline,
.v-cloak--inline-block {
display: none;
}
/*--------------------
Vue validation
----------------------*/
.vel-hide {
display: none !important;
}
}
@layer element {
.alert {
/*display: block;
background-color: fade(@gray-l, 15%);
border: 1px solid @gray-l;
color: #000;
position: relative;
line-height: 20px;
padding: 7px 10px;*/
padding: 15px;
border: 1px solid transparent;
border-radius: 4px;
display: block;
}
.alert.alert--error,
.alert.alert-error {
/*fallback*/
color: #ca1d10;
background-color: #fcdad7;
border-color: #f5877f;
}
.alert.alert--success,
.alert.alert-success {
/*fallback*/
color: #186839;
background-color: #d4edde;
border-color: #44d480;
}
.alert.alert--info,
.alert.alert-info {
/*fallback*/
color: #037399;
background-color: #cdeefa;
border-color: #39cbfc;
}
.alert.alert--warning,
.alert.alert-warning {
/*fallback*/
color: #c27006;
background-color: #feead2;
border-color: #faba67;
}
.alert .alert__close,
.alert .close {
/*fallback*/
display: none;
}
/* NOTE: use btn instead of button*/
.btn {
height: 40px;
line-height: 40px;
display: inline-block;
padding: 0 0.8rem;
border: 1px solid transparent;
background-color: #9ea8b2;
color: #fff;
text-align: center;
overflow: hidden;
vertical-align: top;
border-radius: var(--t2u-radius-s);
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
white-space: nowrap;
/*&--rounded {
border-radius: @radius-l;
}*/
}
.btn i {
font-size: var(--t2u-font-s);
}
a.btn {
color: #fff;
}
a.btn:hover {
color: #fff;
}
.btn:hover {
-webkit-box-shadow: inset 0 0 0 40px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 0 0 40px rgba(0, 0, 0, 0.12);
-webkit-transition: -webkit-box-shadow 0.4s;
transition: -webkit-box-shadow 0.4s;
transition: box-shadow 0.4s;
transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
color: #fff;
}
.btn:active {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
.btn--auto {
width: auto;
}
.btn--small {
height: 25px;
line-height: calc(25px - 1px);
padding: 0 0.4rem;
font-size: var(--t2u-font-s);
}
.btn--small i {
font-size: var(--t2u-font-sss);
}
.btn--large {
height: 40px;
line-height: 40px;
padding: 0 1rem;
font-size: var(--t2u-font-b);
}
.btn--large i {
font-size: var(--t2u-font);
}
.btn--outline {
background-color: transparent;
border-color: #9ea8b2;
}
.btn--outline-black {
border-color: #000;
color: #000 !important;
}
.btn--outline-dark {
color: #35485d;
color: #35485d !important;
}
.btn--outline-navy {
border-color: #1073B9;
color: #1073B9 !important;
}
.btn--outline-blue {
border-color: #04ace4;
color: #04ace4 !important;
}
.btn--outline-red {
border-color: #ef4538;
color: #ef4538 !important;
}
.btn--outline-orange {
border-color: #f8981d;
color: #f8981d !important;
}
.btn--outline-teal {
border-color: #19A89C;
color: #19A89C !important;
}
.btn--outline-green {
border-color: #26A65B;
color: #26A65B !important;
}
.btn--outline-purple {
border-color: #ad57a2;
color: #ad57a2 !important;
}
.btn--outline-yellow {
border-color: #ffcd3e;
color: #ffcd3e !important;
}
.btn--outline-indigo {
border-color: #7B73D5;
color: #7B73D5 !important;
}
.btn--clear {
background-color: transparent;
}
.btn--pill {
border-radius: 40px;
}
.btn--wide {
padding-left: 30px;
padding-right: 30px;
}
.btn--full {
width: 100%;
}
.btn--active {
-webkit-box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
}
.btn--black {
color: #fff;
background-color: #000 !important;
color: #fff !important;
}
.btn--dark {
color: #fff;
background-color: #35485d !important;
color: #fff !important;
}
.btn--navy {
color: #fff;
background-color: #1073B9 !important;
color: #fff !important;
}
.btn--blue {
color: #fff;
background-color: #04ace4 !important;
color: #fff !important;
}
.btn--red {
color: #fff;
background-color: #ef4538 !important;
color: #fff !important;
}
.btn--orange {
color: #fff;
background-color: #f8981d !important;
color: #fff !important;
}
.btn--teal {
color: #fff;
background-color: #19A89C !important;
color: #fff !important;
}
.btn--purple {
color: #fff;
background-color: #ad57a2 !important;
color: #fff !important;
}
.btn--violet {
color: #fff;
background-color: #ad57a2 !important;
color: #fff !important;
}
.btn--green {
color: #fff;
background-color: #26A65B !important;
color: #fff !important;
}
.btn--yellow {
color: #000;
background-color: #ffcd3e !important;
color: #000 !important;
}
.btn--indigo {
color: #fff;
background-color: #7B73D5 !important;
color: #fff !important;
}
.btn--push {
color: #fff;
-webkit-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
position: relative;
line-height: calc(40px - 5px);
}
.btn--push:hover {
-webkit-box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -0.3em 0 rgba(0, 0, 0, 0.2);
-webkit-transition: none;
transition: none;
}
a.btn--push:hover {
color: #fff;
}
.btn--push:active {
-webkit-box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 -0.15em 0 rgba(0, 0, 0, 0.2);
top: 2px;
}
.btn--disabled,
.btn[disabled] {
opacity: 0.3;
pointer-events: none;
}
.btn--disabled:hover,
.btn[disabled]:hover {
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
}
.input__group .btn:active {
-webkit-transform: none;
transform: none;
}
.btnDefault {
appearance: button;
-moz-appearance: button;
-webkit-appearance: button;
text-decoration: none;
font: menu;
color: ButtonText !important;
display: inline-block;
padding: 1px 8px;
background-color: ButtonFace;
border-color: ButtonShadow;
}
/*fallback*/
/*removed : bold, link, color, huge*/
.button {
height: 40px;
line-height: 40px;
display: inline-block;
padding: 0 8px;
border: 1px solid transparent;
background-color: #9ea8b2;
color: #fff;
text-align: center;
overflow: hidden;
vertical-align: top;
}
.button:hover {
-webkit-box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
-webkit-transition: -webkit-box-shadow 0.5s;
transition: -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s;
transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
}
a.button:hover {
color: inherit;
}
.button.outline {
background-color: transparent;
border-color: #9ea8b2;
}
.button.pill {
border-radius: 40px;
}
.button.fixed {
width: 130px;
}
.button.active {
-webkit-box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
}
.button[disabled],
.button.disabled {
cursor: default;
opacity: 0.3;
}
.button.large {
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: var(--t2u-font-b);
}
.button.large.fixed {
width: 120px;
}
.button.large.pill {
padding: 0 15px;
border-radius: 40px;
}
.button.small {
height: 25px;
line-height: 25px;
padding: 0 5px;
font-size: var(--t2u-font-s);
}
.button.small.fixed {
width: 80px;
}
.button.small.pill {
padding: 0 5px;
border-radius: 20px;
}
.button.mini {
height: 14px;
line-height: 14px;
padding: 0 2px;
font-size: var(--t2u-font-ss);
}
.button.mini.fixed {
width: 60px;
}
.button.mini.pill {
padding: 0 5px;
border-radius: 14px;
}
.button.black {
color: #fff;
background-color: #000 !important;
color: #fff !important;
}
.button.dark {
color: #fff;
background-color: #35485d !important;
color: #fff !important;
}
.button.navy {
color: #fff;
background-color: #1073B9 !important;
color: #fff !important;
}
.button.blue {
color: #fff;
background-color: #04ace4 !important;
color: #fff !important;
}
.button.red {
color: #fff;
background-color: #ef4538 !important;
color: #fff !important;
}
.button.orange {
color: #fff;
background-color: #f8981d !important;
color: #fff !important;
}
.button.teal {
color: #fff;
background-color: #19A89C !important;
color: #fff !important;
}
.button.purple {
color: #fff;
background-color: #ad57a2 !important;
color: #fff !important;
}
.button.violet {
color: #fff;
background-color: #ad57a2 !important;
color: #fff !important;
}
.button.green {
color: #fff;
background-color: #26A65B !important;
color: #fff !important;
}
.button.yellow {
color: #000;
background-color: #ffcd3e !important;
color: #000 !important;
}
.breadcrumb {
font-size: 14px;
}
.breadcrumb,
.breadcrumb a {
color: rgba(0, 0, 0, 0.5);
}
.breadcrumb .active,
.breadcrumb a .active {
color: #000000;
font-weight: bold;
}
.breadcrumb a:hover {
color: #000;
}
.breadcrumb i {
color: rgba(0, 0, 0, 0.3);
margin: 0 5px;
}
.breadcrumb--white,
.breadcrumb--white a {
color: rgba(255, 255, 255, 0.6);
}
.breadcrumb--white .active,
.breadcrumb--white a .active {
color: #fff;
font-weight: bold;
}
.breadcrumb--white a:hover {
color: #fff;
}
.breadcrumb--white i {
color: rgba(255, 255, 255, 0.3);
}
.breadcrumb--black,
.breadcrumb--black a {
color: rgba(0, 0, 0, 0.6);
}
.breadcrumb--black .active,
.breadcrumb--black a .active {
color: #000;
font-weight: bold;
}
.breadcrumb--black a:hover {
color: #000;
}
.breadcrumb--black i {
color: rgba(0, 0, 0, 0.3);
}
.masthead-content .breadcrumb,
.masthead-content .breadcrumb a {
color: rgba(255, 255, 255, 0.6);
}
.masthead-content .breadcrumb a:hover {
color: #fff;
}
.masthead-content .breadcrumb i {
color: rgba(255, 255, 255, 0.3);
}
#growl-group {
position: fixed;
top: 10px;
right: 5px;
z-index: 100010;
}
@media only screen and (max-width: 640px) {
#growl-group {
right: unset;
width: 100%;
}
}
.growl {
border-radius: 2px;
overflow: hidden;
width: 450px;
padding: 10px;
margin-bottom: 5px;
color: #fff;
opacity: 0.95;
line-height: 1.2;
background-color: #687582;
/*.badge {
position: absolute;
right: 0px;
bottom: 5px;
height: 32px;
width: 32px;
font-size: 30px;
}*/
}
@media only screen and (max-width: 640px) {
.growl {
width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.growl figure {
margin-right: 10px;
width: 80px;
}
.growl figure i {
display: inline-block;
font-size: 48px;
padding-left: 41px;
padding-top: 20px;
}
.growl .desc i[class^="icon"] {
position: absolute;
}
.growl .desc i[class^="icon"] + .desc-inner {
padding-left: 20px;
}
.label {
display: inline-block;
padding: 4px 10px;
color: #fff;
background-color: #9ea8b2;
margin: 0 2px 5px 0;
border-radius: 20px;
}
.label.small,
.label--small {
font-size: var(--t2u-font-s);
padding: 2px 6px;
}
.label.label-success,
.label.green,
.label--success,
.label--green {
background-color: #26A65B;
}
.label.label-warning,
.label.yellow,
.label--warning,
.label--yellow {
background-color: #ffcd3e;
}
.label.label-important,
.label.red,
.label--important,
.label--red {
background-color: #ef4538;
}
.label.label-info,
.label.blue,
.label--info,
.label--blue {
background-color: #04ace4;
}
.list--off {
margin: 0;
padding: 0;
list-style: none;
}
.list--off li {
margin: 0;
padding: 0;
}
.list--inline {
white-space: nowrap;
}
.list--inline li {
display: inline-block;
}
.list--separator {
width: 1px;
}
.list--sub {
display: none;
position: absolute;
}
.list li:hover > .list--sub {
display: block;
}
/*fallback*/
ol.off,
ul.off {
list-style: none;
}
ol.off li,
ul.off li {
margin-left: 0;
}
ol.horizontal,
ul.horizontal {
overflow: hidden;
}
ol.horizontal li,
ul.horizontal li {
margin-left: 0;
float: left;
}
ol.horizontal.padded li,
ul.horizontal.padded li {
padding: 5px;
}
ol.horizontal.padded-s li,
ul.horizontal.padded-s li {
padding: 2px;
}
ol.horizontal.padded-l li,
ul.horizontal.padded-l li {
padding: 10px;
}
ol.horizontal.guttered,
ul.horizontal.guttered {
margin-left: -1%;
}
ol.horizontal.guttered li,
ul.horizontal.guttered li {
margin-left: 1%;
}
ol.padded li,
ul.padded li {
padding-top: 5px;
padding-bottom: 5px;
}
ol.padded-s li,
ul.padded-s li {
padding-top: 2px;
padding-bottom: 2px;
}
ol.padded-l li,
ul.padded-l li {
padding-top: 10px;
padding-bottom: 10px;
}
ol.solid li,
ul.solid li,
ol.divided li,
ul.divided li {
border-bottom: 1px solid #ddd;
}
ol.dashed li,
ul.dashed li {
border-bottom: 1px dashed #ddd;
}
ol.dotted li,
ul.dotted li {
border-bottom: 1px dotted #ddd;
}
ol.iconic li,
ul.iconic li {
padding-left: 20px!important;
}
ol.iconic li > [class^="icon-"],
ul.iconic li > [class^="icon-"],
ol.iconic li > [class*=" icon-"],
ul.iconic li > [class*=" icon-"] {
position: absolute;
margin-left: -20px;
}
ol.iconic li > .icon-fa-check,
ul.iconic li > .icon-fa-check {
color: #26A65B;
}
ol.iconic li > .icon-fa-times,
ul.iconic li > .icon-fa-times {
color: #ef4538;
}
ol.iconic-l li,
ul.iconic-l li {
padding-left: 45px;
}
ol.iconic-l li > [class^="icon-"],
ul.iconic-l li > [class^="icon-"],
ol.iconic-l li > [class*=" icon-"],
ul.iconic-l li > [class*=" icon-"] {
position: absolute;
margin-left: -45px;
margin-top: -5px;
font-size: 30px;
}
/**
Mock
The mock class is used to build mock design for loading component
The two main class is mock__bar and mock__container.
*/
.mock__bar {
display: block;
background-color: rgba(160, 160, 160, 0.6);
overflow: hidden;
margin: 0.25rem 0;
height: 25px;
line-height: 25px;
width: 100%;
}
.mock__bar--25 {
width: 25%;
}
.mock__bar--50 {
width: 50%;
}
.mock__bar--75 {
width: 75%;
}
.mock__bar--100 {
width: 100%;
}
.mock__bar--small {
height: 16px;
line-height: 16px;
}
.mock__bar--large {
height: 32px;
line-height: 32px;
}
.mock__bar--center {
margin: auto;
}
.mock__bar:after {
content: '';
height: 100%;
width: 100%;
display: block;
/* FF3.6-15 */
position: absolute;
top: 0;
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(rgba(230, 230, 230, 0)), color-stop(42%, rgba(221, 221, 221, 0.2)), color-stop(62%, rgba(221, 221, 221, 0.2)), to(rgba(230, 230, 230, 0)));
background: linear-gradient(to right, rgba(230, 230, 230, 0) 0%, rgba(221, 221, 221, 0.2) 42%, rgba(221, 221, 221, 0.2) 62%, rgba(230, 230, 230, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e6e6e6', endColorstr='#00e6e6e6', GradientType=1);
/* IE6-9 */
-webkit-animation: load 1.2s ease-out infinite;
animation: load 1.2s ease-out infinite;
}
.mock__box {
overflow: hidden;
}
.mock__box:after {
content: '';
position: absolute;
top: 0;
height: 100%;
width: 100%;
display: block;
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(rgba(230, 230, 230, 0)), color-stop(42%, rgba(221, 221, 221, 0.2)), color-stop(62%, rgba(221, 221, 221, 0.2)), to(rgba(230, 230, 230, 0)));
background: linear-gradient(to right, rgba(230, 230, 230, 0) 0%, rgba(221, 221, 221, 0.2) 42%, rgba(221, 221, 221, 0.2) 62%, rgba(230, 230, 230, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e6e6e6', endColorstr='#00e6e6e6', GradientType=1);
/* IE6-9 */
-webkit-animation: load 1.2s ease-out infinite;
animation: load 1.2s ease-out infinite;
}
@-webkit-keyframes load {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(200%);
transform: translateX(200%);
}
}
@keyframes load {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(200%);
transform: translateX(200%);
}
}
.modal--large,
.modal.large {
/*fallback*/
max-width: 1000px;
}
nav header {
padding: 5px 0;
margin: 5px 0;
border-bottom: 1px solid #ddd;
font-family: 'Texta Alt Thin', 'Noto Sans SC', sans-serif;
}
nav ol,
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav ul {
/*position: relative;*/
}
nav li {
margin-left: 0;
}
nav a {
display: block;
}
nav.padded a {
padding: 5px;
}
nav.padded-s a {
padding: 2px;
}
nav.padded-l a {
padding: 10px;
}
nav.solid li {
border-bottom: 1px solid #ddd;
}
nav.dashed li {
border-bottom: 1px dashed #ddd;
}
nav.dotted li {
border-bottom: 1px dotted #ddd;
}
nav.iconic li {
padding-left: 20px;
}
nav.iconic a > [class^="icon-"],
nav.iconic a > [class*=" icon-"] {
position: absolute;
margin-left: -20px;
}
nav.iconic a > .icon-fa-check {
color: #26A65B;
}
nav.iconic a > .icon-fa-times {
color: #ef4538;
}
nav.horizontal {
font-size: 13px;
line-height: 1.2;
}
nav.horizontal ul {
overflow: hidden;
}
nav.horizontal li {
float: left;
overflow: hidden;
}
nav.horizontal.solid li {
border-bottom: 0;
border-left: 1px solid #ddd;
}
nav.horizontal.solid li:first-child {
border-left: 0;
}
nav.horizontal.dashed li {
border-bottom: 0;
border-left: 1px dashed #ddd;
}
nav.horizontal.dashed li:first-child {
border-left: 0;
}
nav.horizontal.dotted li {
border-bottom: 0;
border-left: 1px dotted #ddd;
}
nav.horizontal.dotted li:first-child {
border-left: 0;
}
.offcanvas-d {
width: 0 !important;
height: 0 !important;
}
.offcanvas-d.offcanvas--left .offcanvas__inner {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
height: 100vh;
left: 0;
}
.offcanvas-d.offcanvas--right .offcanvas__inner {
-webkit-transform: translateX(100%);
transform: translateX(100%);
height: 100vh;
right: 0;
}
.offcanvas-d.offcanvas--top .offcanvas__inner {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
width: 100vw;
position: fixed;
top: 0;
overflow: hidden;
}
.offcanvas-d.offcanvas--bottom .offcanvas__inner {
-webkit-transform: translateY(100%);
transform: translateY(100%);
width: 100vw;
position: fixed;
bottom: 0;
}
.offcanvas-d.offcanvas--offset-top .offcanvas__inner {
top: 60px;
}
.offcanvas-d.offcanvas--offset-bottom .offcanvas__inner {
bottom: 60px;
}
.offcanvas-d .offcanvas__inner {
position: fixed;
}
.offcanvas__inner {
-webkit-transition: visibility 0s linear 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
transition: visibility 0s linear 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, visibility 0s linear 0s;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, visibility 0s linear 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.offcanvas__inner--active {
z-index: 111 !important;
overflow: auto !important;
-webkit-box-shadow: 10px 10px 20px 10px rgba(0, 0, 0, 0.1);
box-shadow: 10px 10px 20px 10px rgba(0, 0, 0, 0.1);
-webkit-transform: translateX(0px) !important;
transform: translateX(0px) !important;
-webkit-transition: visibility 0s linear 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
transition: visibility 0s linear 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, visibility 0s linear 0s;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s, visibility 0s linear 0s, -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.offcanvas--active {
position: fixed !important;
z-index: 110 !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100vw !important;
height: 100vh !important;
background-color: rgba(0, 0, 0, 0.6) !important;
}
.offcanvas--active .offcanvas__inner {
position: absolute;
}
@media screen and (max-width: 1000px) {
.offcanvas.offcanvas-t {
width: 0 !important;
height: 0 !important;
}
.offcanvas.offcanvas-t .offcanvas__inner {
position: fixed !important;
}
.offcanvas.offcanvas-t.offcanvas--active {
width: 100vw !important;
height: 100vh !important;
}
.offcanvas.offcanvas-t.offcanvas--left .offcanvas__inner {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
height: 100vh;
left: 0;
}
.offcanvas.offcanvas-t.offcanvas--right .offcanvas__inner {
-webkit-transform: translateX(100%);
transform: translateX(100%);
height: 100vh;
right: 0;
}
.offcanvas.offcanvas-t.offcanvas--top .offcanvas__inner {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
width: 100vw;
position: fixed;
top: 0;
overflow: hidden;
}
.offcanvas.offcanvas-t.offcanvas--bottom .offcanvas__inner {
-webkit-transform: translateY(100%);
transform: translateY(100%);
width: 100vw;
position: fixed;
bottom: 0;
}
.offcanvas.offcanvas-t.offcanvas--offset-top .offcanvas__inner {
top: 60px;
}
.offcanvas.offcanvas-t.offcanvas--offset-bottom .offcanvas__inner {
bottom: 60px;
}
}
@media screen and (max-width: 640px) {
.offcanvas.offcanvas-p {
width: 0 !important;
height: 0 !important;
}
.offcanvas.offcanvas-p .offcanvas__inner {
position: fixed !important;
}
.offcanvas.offcanvas-p.offcanvas--active {
width: 100vw !important;
height: 100vh !important;
}
.offcanvas.offcanvas-p.offcanvas--left .offcanvas__inner {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
height: 100vh;
left: 0;
}
.offcanvas.offcanvas-p.offcanvas--right .offcanvas__inner {
-webkit-transform: translateX(100%);
transform: translateX(100%);
height: 100vh;
right: 0;
}
.offcanvas.offcanvas-p.offcanvas--top .offcanvas__inner {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
width: 100vw;
position: fixed;
top: 0;
overflow: hidden;
}
.offcanvas.offcanvas-p.offcanvas--bottom .offcanvas__inner {
-webkit-transform: translateY(100%);
transform: translateY(100%);
width: 100vw;
position: fixed;
bottom: 0;
}
.offcanvas.offcanvas-p.offcanvas--offset-top .offcanvas__inner {
top: 60px;
}
.offcanvas.offcanvas-p.offcanvas--offset-bottom .offcanvas__inner {
bottom: 60px;
}
}
.pill {
height: 40px;
line-height: 38px;
display: inline-block;
background-color: #9ea8b2;
border: 1px solid #fff;
border-color: transparent;
border-radius: 30px;
padding: 0 9px;
color: #fff;
}
.pill:hover {
border-color: transparent;
}
.pill--small {
height: 25px;
line-height: 23px;
padding: 0 5px;
font-size: var(--t2u-font-s);
}
.pill--large {
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: var(--t2u-font-b);
}
.pill--outline {
background-color: transparent;
border-color: #9ea8b2;
}
.pill--clear {
background-color: transparent;
}
.pill--wide {
padding-left: 30px;
padding-right: 30px;
}
.pill--full {
width: 100%;
}
.pill--active {
-webkit-box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
}
/*fallback*/
.pill.small {
height: 25px;
line-height: 23px;
padding: 0 5px;
font-size: var(--t2u-font-s);
}
.pill.mini {
height: 14px;
line-height: 14px;
padding: 0 5px;
font-size: var(--t2u-font-ss);
}
.pill.outline {
background-color: transparent;
border-color: #9ea8b2;
}
.pill.full {
width: 100%;
}
.pill.active {
-webkit-box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
box-shadow: inset 0 0 0 40px rgba(255, 255, 255, 0.25);
}
.pill.navy {
color: #fff;
background-color: #1073B9 !important;
color: #fff !important;
}
.pill.blue {
color: #fff;
background-color: #04ace4 !important;
color: #fff !important;
}
.pill.red {
color: #fff;
background-color: #ef4538 !important;
color: #fff !important;
}
.pill.orange {
color: #fff;
background-color: #f8981d !important;
color: #fff !important;
}
.pill.teal {
color: #fff;
background-color: #19A89C !important;
color: #fff !important;
}
.pill.purple {
color: #fff;
background-color: #ad57a2 !important;
color: #fff !important;
}
.pill.violet {
color: #fff;
background-color: #ad57a2 !important;
color: #fff !important;
}
.pill.green {
color: #fff;
background-color: #26A65B !important;
color: #fff !important;
}
.pill.yellow {
color: #000;
background-color: #ffcd3e !important;
color: #000 !important;
}
.pill.indigo {
color: #fff;
background-color: #7B73D5 !important;
color: #fff !important;
}
/*fallback*/
.badge-group,
.ribbon-group {
position: absolute;
right: 0;
z-index: 1;
}
.badge-group:before,
.ribbon-group:before,
.badge-group:after,
.ribbon-group:after {
display: table;
content: "";
line-height: 0;
}
.badge-group:after,
.ribbon-group:after {
clear: both;
}
.badge-group:after,
.ribbon-group:after {
content: "";
display: table;
clear: both;
}
.badge-group .badge,
.ribbon-group .badge,
.badge-group .ribbon,
.ribbon-group .ribbon {
float: right;
opacity: 1;
line-height: 22px;
height: 22px;
margin-right: 2px;
text-align: center;
font-size: 13px;
background-color: #d7dbdf;
}
.badge-group .badge.dark,
.ribbon-group .badge.dark,
.badge-group .ribbon.dark,
.ribbon-group .ribbon.dark {
color: #fff;
background-color: #35485d !important;
}
.badge-group .badge.navy,
.ribbon-group .badge.navy,
.badge-group .ribbon.navy,
.ribbon-group .ribbon.navy {
color: #fff;
background-color: #1073B9 !important;
}
.badge-group .badge.blue,
.ribbon-group .badge.blue,
.badge-group .ribbon.blue,
.ribbon-group .ribbon.blue {
color: #fff;
background-color: #04ace4 !important;
}
.badge-group .badge.red,
.ribbon-group .badge.red,
.badge-group .ribbon.red,
.ribbon-group .ribbon.red {
color: #fff;
background-color: #ef4538 !important;
}
.badge-group .badge.orange,
.ribbon-group .badge.orange,
.badge-group .ribbon.orange,
.ribbon-group .ribbon.orange {
color: #fff;
background-color: #f8981d !important;
}
.badge-group .badge.teal,
.ribbon-group .badge.teal,
.badge-group .ribbon.teal,
.ribbon-group .ribbon.teal {
color: #fff;
background-color: #19A89C !important;
}
.badge-group .badge.purple,
.ribbon-group .badge.purple,
.badge-group .ribbon.purple,
.ribbon-group .ribbon.purple {
color: #fff;
background-color: #ad57a2 !important;
}
.badge-group .badge.violet,
.ribbon-group .badge.violet,
.badge-group .ribbon.violet,
.ribbon-group .ribbon.violet {
color: #fff;
background-color: #ad57a2 !important;
}
.badge-group .badge.green,
.ribbon-group .badge.green,
.badge-group .ribbon.green,
.ribbon-group .ribbon.green {
color: #fff;
background-color: #26A65B !important;
}
.badge-group .badge.yellow,
.ribbon-group .badge.yellow,
.badge-group .ribbon.yellow,
.ribbon-group .ribbon.yellow {
color: #000;
background-color: #ffcd3e !important;
}
.badge-group .badge.indigo,
.ribbon-group .badge.indigo,
.badge-group .ribbon.indigo,
.ribbon-group .ribbon.indigo {
color: #fff;
background-color: #7B73D5 !important;
}
.badge-group.left,
.ribbon-group.left {
left: 0;
width: 0px;
margin-left: 4px;
}
.badge-group.left .badge,
.ribbon-group.left .badge,
.badge-group.left .ribbon,
.ribbon-group.left .ribbon {
float: left;
}
.badge-group {
margin-top: -15px;
}
.badge-group .badge {
padding: 0;
width: 30px;
border-radius: 30px;
}
.ribbon-group {
top: -7px;
}
.ribbon-group .ribbon {
padding: 0 5px;
margin-left: 4px;
position: relative;
}
.ribbon-group .ribbon::after {
position: absolute;
left: -5px;
top: 0;
display: inline-block;
border-bottom: 5px solid #b3b3b3;
border-left: 5px solid transparent;
content: '';
}
.ribbon__rounded {
background-color: #f1b200;
position: absolute;
top: 6px;
left: -2px;
color: #fff;
font-size: smaller;
border-radius: 0px 10px 10px 0px;
padding: 0px 8px 0px 5px;
z-index: 2;
}
.ribbon__slant {
width: 75px;
height: 78px;
overflow: hidden;
position: absolute;
right: -2px;
top: -2px;
z-index: 1;
}
.ribbon__slant__inner {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #ad57a2;
letter-spacing: 4px;
text-align: center;
position: relative;
font-weight: 700;
font-size: 14px;
padding: 7px 0;
width: 100px;
color: #fff;
z-index: 1;
left: 3px;
top: 6px;
}
.ribbon__slant__inner:before,
.ribbon__slant__inner:after {
content: "";
border-top: 3px solid #ad57a2;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.ribbon__slant__inner:before {
left: 0px;
}
.ribbon__slant__inner:after {
right: 0px;
}
.ribbon__slant--l .ribbon__slant__inner {
width: 160px;
left: -8px;
top: 28px;
}
.ribbon__slant--s .ribbon__slant__inner {
width: 75px;
left: 3px;
top: 10px;
font-size: 10px;
letter-spacing: 0.5px;
padding: 3px 0;
}
.ribbon__slant--l {
width: 115px;
height: 118px;
}
.ribbon__slant--s {
width: 60px;
height: 60px;
top: -5px;
right: -5px;
}
.spinner1 {
width: 40px;
height: 40px;
margin: 100px auto;
background-color: #333;
border-radius: 100%;
-webkit-animation: sk-scaleout 1s infinite ease-in-out;
animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.spinner2 {
/*position: relative;*/
width: 30px;
height: 30px;
}
.spinner2:before,
.spinner2:after {
content: '';
position: absolute;
width: calc(100% - 6px);
height: calc(100% - 6px);
left: 0;
border-radius: 50%;
border: 3px solid #000;
border-color: #9e67a5 transparent #9e67a5 transparent;
-webkit-animation: lds-double-ring 1s linear infinite;
animation: lds-double-ring 1s linear infinite;
}
.spinner2:after {
width: calc(100% - 14px);
height: calc(100% - 14px);
top: 4px;
left: 4px;
border-color: transparent #5f2053 transparent #5f2053;
-webkit-animation: lds-double-ring_reverse 1s linear infinite;
animation: lds-double-ring_reverse 1s linear infinite;
}
.spinner2--small.spinner2 {
width: 20px;
height: 20px;
}
.spinner2--small.spinner2:before,
.spinner2--small.spinner2:after {
width: calc(100% - 4px);
height: calc(100% - 4px);
border-width: 2px;
top: 0.3rem;
}
.spinner2--small.spinner2:after {
width: calc(100% - 10px);
height: calc(100% - 10px);
top: calc(0.3rem + 3px);
left: 3px;
}
@keyframes lds-double-ring {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes lds-double-ring {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lds-double-ring_reverse {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes lds-double-ring_reverse {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.tab > nav {
border-bottom: 1px solid #ddd;
}
.tab > nav:before,
.tab > nav:after {
display: table;
content: "";
line-height: 0;
}
.tab > nav:after {
clear: both;
}
.tab > nav:after {
content: "";
display: table;
clear: both;
}
.tab > nav li {
float: left;
border-bottom: 1px solid transparent;
margin-bottom: -1px;
text-transform: capitalize;
}
.tab > nav li a {
color: #999;
padding: 5px 10px;
}
.tab > nav li.active,
.tab > nav li:hover {
border-bottom-color: #000;
}
.tab > nav li.active a,
.tab > nav li:hover a {
color: #000;
}
.tab.box > nav {
border-bottom: 0;
border-top: 2px solid #ddd;
background-color: #eee;
}
.tab.box > nav li {
border-top: 2px solid transparent;
margin-top: -2px;
border-bottom: 0;
margin-bottom: 0;
}
.tab.box > nav li a {
border-right: 1px solid #f9f9f9;
padding: 10px 15px;
background-color: #eee;
}
.tab.box > nav li.active,
.tab.box > nav li:hover {
border-top-color: #000;
}
.tab.box > nav li.active a,
.tab.box > nav li:hover a {
background-color: #fff;
color: #000;
}
.tab.red {
background-color: transparent !important;
}
.tab.red > nav {
border-color: rgba(239, 69, 56, 0.3);
}
.tab.red > nav li.active,
.tab.red > nav li:hover {
border-color: #ef4538;
}
.tab.red > nav li.active a,
.tab.red > nav li:hover a {
color: #ef4538;
}
.tab.orange {
background-color: transparent !important;
}
.tab.orange > nav {
border-color: rgba(248, 152, 29, 0.3);
}
.tab.orange > nav li.active,
.tab.orange > nav li:hover {
border-color: #f8981d;
}
.tab.orange > nav li.active a,
.tab.orange > nav li:hover a {
color: #f8981d;
}
.tab.yellow {
background-color: transparent !important;
}
.tab.yellow > nav {
border-color: rgba(255, 205, 62, 0.3);
}
.tab.yellow > nav li.active,
.tab.yellow > nav li:hover {
border-color: #ffcd3e;
}
.tab.yellow > nav li.active a,
.tab.yellow > nav li:hover a {
color: #ffcd3e;
}
.tab.green {
background-color: transparent !important;
}
.tab.green > nav {
border-color: rgba(38, 166, 91, 0.3);
}
.tab.green > nav li.active,
.tab.green > nav li:hover {
border-color: #26A65B;
}
.tab.green > nav li.active a,
.tab.green > nav li:hover a {
color: #26A65B;
}
.tab.teal {
background-color: transparent !important;
}
.tab.teal > nav {
border-color: rgba(25, 168, 156, 0.3);
}
.tab.teal > nav li.active,
.tab.teal > nav li:hover {
border-color: #19A89C;
}
.tab.teal > nav li.active a,
.tab.teal > nav li:hover a {
color: #19A89C;
}
.tab.blue {
background-color: transparent !important;
}
.tab.blue > nav {
border-color: rgba(4, 172, 228, 0.3);
}
.tab.blue > nav li.active,
.tab.blue > nav li:hover {
border-color: #04ace4;
}
.tab.blue > nav li.active a,
.tab.blue > nav li:hover a {
color: #04ace4;
}
.tab.navy {
background-color: transparent !important;
}
.tab.navy > nav {
border-color: rgba(16, 115, 185, 0.3);
}
.tab.navy > nav li.active,
.tab.navy > nav li:hover {
border-color: #1073B9;
}
.tab.navy > nav li.active a,
.tab.navy > nav li:hover a {
color: #1073B9;
}
.tab.purple {
background-color: transparent !important;
}
.tab.purple > nav {
border-color: rgba(173, 87, 162, 0.3);
}
.tab.purple > nav li.active,
.tab.purple > nav li:hover {
border-color: #ad57a2;
}
.tab.purple > nav li.active a,
.tab.purple > nav li:hover a {
color: #ad57a2;
}
.tab.pink {
background-color: transparent !important;
}
.tab.pink > nav {
border-color: rgba(228, 102, 166, 0.3);
}
.tab.pink > nav li.active,
.tab.pink > nav li:hover {
border-color: #e466a6;
}
.tab.pink > nav li.active a,
.tab.pink > nav li:hover a {
color: #e466a6;
}
.tab.gray {
background-color: transparent !important;
}
.tab.gray > nav {
border-color: rgba(158, 168, 178, 0.3);
}
.tab.gray > nav li.active,
.tab.gray > nav li:hover {
border-color: #9ea8b2;
}
.tab.gray > nav li.active a,
.tab.gray > nav li:hover a {
color: #9ea8b2;
}
.tab.indigo {
background-color: transparent !important;
}
.tab.indigo > nav {
border-color: rgba(123, 115, 213, 0.3);
}
.tab.indigo > nav li.active,
.tab.indigo > nav li:hover {
border-color: #7B73D5;
}
.tab.indigo > nav li.active a,
.tab.indigo > nav li:hover a {
color: #7B73D5;
}
.tab--modal {
background-color: #f3f4f6;
}
.tab--modal .tab__menu {
border-bottom: none;
line-height: 2.2;
text-align: center;
}
.tab--modal .tab__menu__item {
color: #000;
}
.tab--modal .tab__menu .tab--active {
background-color: #fff;
}
.tab--modal .tab__pane {
padding: 20px;
background-color: #fff;
display: none;
}
.tab--modal .tab__pane.tab--active {
display: block;
}
.tab--folder {
background-color: transparent;
}
.tab--folder .tab__menu {
border-bottom: none;
line-height: 2.4;
font-size: 1.1em;
text-align: center;
border-bottom: 1px solid #ddd;
}
.tab--folder .tab__menu__item {
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
margin-bottom: -1px;
background-color: transparent;
color: #35485d;
}
.tab--folder .tab__menu__item:hover:not(.tab--active, .tab--disabled) {
border-color: #eee #eee #ddd;
background-color: #eee;
}
.tab--folder .tab__menu .tab--active {
border: 1px solid #ddd;
border-bottom: none;
background-color: #fff;
}
.tab--folder .tab__menu .tab--disabled {
color: rgba(53, 72, 93, 0.5);
pointer-events: none;
}
.tab--folder .tab__pane {
padding: 20px;
background-color: transparent;
display: none;
}
.tab--folder .tab__pane.tab--active {
display: block;
}
.tab--folder.tab--bg-gray .tab__menu .tab--active {
background-color: #fbfbfb;
}
.tab--folder.tab--purple .tab__menu {
border-color: #c68abe;
}
.tab--folder.tab--purple .tab__menu__item:hover:not(.tab--active, .tab--disabled) {
border-color: #f8f1f7 #f8f1f7 #c68abe;
background-color: #f8f1f7;
color: #7b3c73;
}
.tab--folder.tab--purple .tab__menu .tab--active {
border-color: #c68abe;
color: #7b3c73;
}
.tab-content > .tab-pane {
visibility: hidden;
height: 0;
overflow: hidden;
}
.tab-content > .active {
visibility: visible;
height: auto;
overflow: visible;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
table {
width: 100%;
overflow-x: scroll;
border-spacing: 0;
border-collapse: collapse;
color: #000;
}
table th,
table td {
padding: 5px;
}
table th {
font-weight: normal;
font-size: var(--t2u-font-s);
color: #999;
}
table.auto {
width: auto;
}
table.stripe tbody > tr:nth-child(odd) > td {
background-color: #f6f6f6;
}
table.bordered {
border: 1px solid #ddd;
}
table.bordered-row th,
table.bordered-row td {
border-bottom: 1px solid #ddd;
}
table.bordered-cell th,
table.bordered-cell td {
border-left: 1px solid #ddd;
}
table.bordered-all th,
table.bordered-all td {
border: 1px solid #ddd;
}
table.padded-l th,
table.padded-l td {
padding: 10px;
}
table.theme-day {
padding: 1px;
background-color: #fff;
border: 1px solid #ddd;
border-collapse: separate;
}
table.theme-day th,
table.theme-day td {
border: 1px solid #fff;
}
table.theme-day thead th,
table.theme-day tfoot th,
table.theme-day thead td,
table.theme-day tfoot td {
background-color: #eee;
}
table.theme-day td {
background-color: #f3f3f3;
}
table.theme-day.stripe tbody > tr:nth-child(odd) > td {
background-color: #fafafa;
}
table.theme-night {
padding: 1px;
background-color: #fff;
border: 1px solid #000;
border-collapse: separate;
}
table.theme-night th,
table.theme-night td {
border: 1px solid #fff;
color: #fff;
}
table.theme-night thead th,
table.theme-night tfoot th,
table.theme-night thead td,
table.theme-night tfoot td {
background-color: #000;
}
table.theme-night td {
background-color: #333;
}
table.theme-night.stripe tbody > tr:nth-child(odd) > td {
background-color: #444;
}
/*.table-responsive {
min-height: .01%;
overflow-x: auto;
@media screen and (max-width: 767px) {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
}*/
.table {
overflow: auto;
/*.btn { -- Temporary remove for manageticket rptEvent
width: 100%;
}*/
}
.table table {
width: 100%;
}
.table th,
.table tr,
.table td {
border: 1px solid #d7dbdf;
}
.table th,
.table td {
padding: 10px;
}
.table th {
color: #000;
font-weight: bold;
text-align: left;
}
.table tfoot tr {
border-bottom: 0;
}
.table__col {
width: 25%;
}
.table__col--b {
width: 35%;
}
.table__col--s {
width: 15%;
}
@media only screen and (max-width: 640px) {
.table th,
.table td {
padding: 5px;
}
}
.table--compact th,
.table--compact td {
padding: 5px;
font-size: smaller;
}
@media only screen and (max-width: 640px) {
.table--compact th,
.table--compact td {
padding: 3px;
}
}
.table--line tr,
.table--line td {
border: none;
border-top: 1px solid #d7dbdf;
}
.table--stripe tbody > tr:nth-child(odd) > td {
background-color: #f6f6f6;
}
.table--sticky {
overflow: unset;
}
.table--sticky th {
position: -webkit-sticky;
position: sticky;
top: 60px;
z-index: 2;
background: white;
border-bottom: 1px solid #d7dbdf;
-webkit-box-shadow: 0 6px 4px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.08);
box-shadow: 0 6px 4px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.08);
}
.treeview table {
width: auto;
}
.treeview input[type="checkbox"] + span {
display: block;
}
.writeup {
overflow: hidden;
position: relative;
}
.writeup footer {
height: 150px;
padding-top: 130px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.writeup footer button {
background-color: transparent;
border: 0;
padding: 0;
line-height: 20px;
color: #c68abe;
}
.writeup footer button:hover {
color: #ad57a2;
}
.aside .writeup footer {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(243, 244, 246, 0)), to(#f3f4f6));
background-image: linear-gradient(to bottom, rgba(243, 244, 246, 0), #f3f4f6);
}
/*fallback*/
.zippy-container {
margin-bottom: 0 !important;
}
.zippy-content {
height: 150px;
margin-bottom: 30px;
overflow: hidden;
}
.zippy-content:after {
content: "";
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 30px;
background-color: rgba(255, 255, 255, 0.5);
}
.zippy-button {
position: absolute;
bottom: 0;
width: 100%;
}
.zippy-label {
border-bottom: 1px solid #333;
}
}
@layer ui {
#upgrade_browser {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
padding: 25px;
text-align: center;
background-color: #ffcd3e;
color: #000;
z-index: 9999;
}
#upgrade_browser a {
color: #1073B9;
font-weight: bold;
}
.overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.overlay.dark {
background-color: rgba(0, 0, 0, 0.6);
}
.restricted {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: url('/public/img/ui/restricted/message.png') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
}
.locked .ui-upload-item-menu {
display: none;
}
.image-gallery {
padding-left: 0;
}
.image-gallery li {
list-style: none;
}
.image-gallery li:last-child {
margin-bottom: 28px;
}
[data-trigger="image-gallery"] {
font-size: 12px;
color: #000 !important;
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
}
.js-toggleblock {
cursor: pointer;
}
.dashboard .article {
border: 1px solid #eee;
margin-top: 10px;
padding-top: 1rem;
}
.dashboard .article article,
.dashboard .article footer {
padding: 10px;
}
.dashboard .article canvas {
width: 100% !important;
max-width: 893px;
height: auto !important;
}
.dashboard .avatar {
padding-left: 90px;
min-height: 80px;
}
.dashboard .avatar img {
position: absolute;
width: 80px;
height: 80px;
margin-left: -90px;
}
.record-filter {
margin-top: 2rem;
text-transform: uppercase;
border-bottom: 1px solid #d7dbdf;
}
.record-filter li:first-child {
margin-left: 0;
}
.record-filter .counter {
font-size: 11px;
color: #fff;
padding: 0 3px;
background: #bac2c9;
opacity: 0.7;
border-radius: 2px;
}
@-webkit-keyframes social-flyout {
0% {
right: -40px;
}
100% {
right: 0;
}
}
@keyframes social-flyout {
0% {
right: -40px;
}
100% {
right: 0;
}
}
/*fallback*/
.socialbutton-group:before,
.trackbutton-group:before,
.socialbutton-group:after,
.trackbutton-group:after {
display: table;
content: "";
line-height: 0;
}
.socialbutton-group:after,
.trackbutton-group:after {
clear: both;
}
.socialbutton-group:after,
.trackbutton-group:after {
content: "";
display: table;
clear: both;
}
.socialbutton-group.alt .socialbutton,
.trackbutton-group.alt .socialbutton {
width: 30px;
height: 30px;
line-height: 30px;
}
.socialbutton-group.long .socialbutton,
.trackbutton-group.long .socialbutton {
width: auto;
}
.socialbutton-group.long .socialbutton [class^="icon-"],
.trackbutton-group.long .socialbutton [class^="icon-"],
.socialbutton-group.long .socialbutton [class*=" icon-"],
.trackbutton-group.long .socialbutton [class*=" icon-"] {
padding-right: 5px;
}
.socialbutton-group.large .socialbutton,
.trackbutton-group.large .socialbutton {
font-size: 13px;
height: 40px;
line-height: 40px;
}
.socialbutton-group.large .socialbutton [class^="icon-"],
.trackbutton-group.large .socialbutton [class^="icon-"],
.socialbutton-group.large .socialbutton [class*=" icon-"],
.trackbutton-group.large .socialbutton [class*=" icon-"] {
padding-right: 10px;
}
.socialbutton-group.icon-only .socialbutton,
.trackbutton-group.icon-only .socialbutton {
float: left;
width: 33.33333333%;
}
.socialbutton-group.icon-only .socialbutton [class^="icon-"],
.trackbutton-group.icon-only .socialbutton [class^="icon-"],
.socialbutton-group.icon-only .socialbutton [class*=" icon-"],
.trackbutton-group.icon-only .socialbutton [class*=" icon-"] {
padding-right: 0!important;
}
.socialbutton,
.trackbutton {
float: left;
font-size: 11px;
height: 20px;
line-height: 20px;
text-align: center;
}
.socialbutton.facebook,
.trackbutton.facebook {
color: #3959a6;
}
.socialbutton.facebook.alt,
.trackbutton.facebook.alt {
background-color: #3959a6;
color: #fff;
}
.socialbutton.twitter,
.trackbutton.twitter {
color: #2fc6ff;
}
.socialbutton.twitter.alt,
.trackbutton.twitter.alt {
background-color: #2fc6ff;
color: #fff;
}
.socialbutton.google-plus,
.trackbutton.google-plus {
color: #c85747;
}
.socialbutton.google-plus.alt,
.trackbutton.google-plus.alt {
background-color: #c85747;
color: #fff;
}
.trackbutton-group .trackinfo {
line-height: 1;
font-size: 80%;
text-transform: uppercase;
width: 65px;
height: 40px;
float: left;
text-align: center;
display: block;
background-color: rgba(0, 0, 0, 0.3);
padding: 5px;
margin: 0 1px 1px 0;
}
.trackbutton-group .trackinfo .counter {
font-size: 200%;
color: white;
display: block;
}
#aside-social {
position: fixed;
top: 50vh;
right: 0;
-webkit-animation-name: social-flyout;
animation-name: social-flyout;
-webkit-animation-duration: 1s;
animation-duration: 1s;
z-index: 999;
}
#aside-social .btn {
border-radius: 0;
display: block;
width: 40px;
height: 40px;
color: #fff;
background-color: #000 !important;
color: #fff !important;
text-align: center;
line-height: 40px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#aside-social .btn:first-child {
border-top: 0;
}
#aside-social .btn:hover {
color: #000;
background-color: #fff !important;
color: #000 !important;
}
.share-modal {
text-align: center;
}
.share-modal .btn {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
margin: 0 10px;
font-size: var(--t2u-font-bb);
}
.share-tab {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.share-tab a {
color: #fff;
}
.share-tab a.button:hover {
color: #fff;
}
.share-tab > * {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 3px;
}
.share-tab .bg-facebook {
background-color: #3959a6;
}
.share-tab .bg-twitter {
background-color: #2fc6ff;
}
.share-tab .bg-google {
background-color: #c85747;
}
.share-tab .bg-linkedin {
background-color: #0e76a8;
}
.share-tab i.left {
float: left;
margin-left: 5px;
}
.calendar {
position: relative;
line-height: 1;
}
.calendar a {
outline: 0;
}
.calendar__header {
height: 6rem;
padding: 0.8rem;
color: #fff;
background-color: #7b3c73;
border-radius: 5px 5px 0 0;
}
.calendar__header__buttons {
position: absolute;
top: 0.8rem;
right: 0.8rem;
}
.calendar__header__buttons a {
color: #fff;
margin-left: 0.5rem;
}
.calendar__header__buttons i {
margin-right: 0.3rem;
}
.calendar__header__month {
font-weight: bold;
font-size: 1.2rem;
}
.calendar__header__dayname {
font-size: var(--t2u-font-ss);
color: rgba(255, 255, 255, 0.75);
}
.calendar__header__day {
font-size: var(--t2u-font-bbb);
}
.calendar__items.calendar__items--empty {
background-color: #fff;
border-radius: 0 0 5px 5px;
}
.calendar__item {
border-bottom: 1px solid #fbfbfb;
}
.calendar__item.calendar__item--alt {
background-color: #f8f1f7;
}
.calendar__item__date {
padding: 1rem 0.4rem;
background-color: #dfbedb;
}
.calendar__item__dayname {
color: rgba(0, 0, 0, 0.75);
font-size: var(--t2u-font-s);
}
.calendar__item__day {
font-size: var(--t2u-font-bbb);
}
.calendar__item__detail {
padding: 0.4rem;
}
.calendar__item__title {
font-weight: bold;
overflow: hidden;
height: 30px;
margin-bottom: 0.3rem;
color: rgba(0, 0, 0, 0.75);
font-size: 15px;
}
.calendar__item__tag {
font-size: var(--t2u-font-ss);
color: #707070;
line-height: 1.3;
}
.calendar__footer {
text-align: center;
background-color: #f8f1f7;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.card__blog__wrapper {
width: 33.33%;
}
.card__blog__wrapper.item-1 {
width: 100%;
}
@media screen and (max-width: 1000px) {
.card__blog__wrapper {
width: 100%;
}
}
.card.card--blog .card__img {
overflow: hidden;
}
.card.card--blog .card__imgBg {
padding-top: 58%;
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.card.card--blog:hover .card__imgBg {
-webkit-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
}
.card.card--blog .card__content {
padding: 1.2rem;
padding-bottom: 3rem;
font-size: 1.2rem;
min-height: 158px;
}
.card.card--blog .card__action {
position: absolute;
display: block;
text-align: right;
bottom: 1.2rem;
right: 1.2rem;
font-size: 1rem;
}
.card.card--blog .card__title {
font-weight: bold;
font-size: 1.5rem;
}
.card.card--blog .card__title a {
color: #35485d;
}
.card.card--blog .card__subtitle {
font-size: 1rem;
color: #7b3c73;
margin-bottom: 5px;
}
.card.card--blog .card__img,
.card.card--blog .card__content {
width: 100%;
}
.card.card--blog .card__desc {
color: #666;
display: none;
}
.card__blog__wrapper.item-1 > .card.card--blog .card__img,
.card__blog__wrapper.item-1 > .card.card--blog .card__content {
width: 50%;
min-height: 350px;
}
.card__blog__wrapper.item-1 > .card.card--blog .card__img .card__title,
.card__blog__wrapper.item-1 > .card.card--blog .card__content .card__title {
font-size: 3rem;
}
.card__blog__wrapper.item-1 > .card.card--blog .card__img .card__desc,
.card__blog__wrapper.item-1 > .card.card--blog .card__content .card__desc {
display: block;
}
@media screen and (max-width: 1000px) {
.card.card--blog .card__title {
font-size: 1.1rem;
}
.card__blog__wrapper.item-1 > .card.card--blog .card__img,
.card__blog__wrapper.item-1 > .card.card--blog .card__content {
width: 100%;
min-height: 158px;
}
.card__blog__wrapper.item-1 > .card.card--blog .card__img .card__title,
.card__blog__wrapper.item-1 > .card.card--blog .card__content .card__title {
font-size: 1.1rem;
}
}
.card.card--country {
background: #333 !important;
display: block;
padding: 1rem;
}
.card.card--country .card__img {
width: 80px;
height: 40px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.card.card--country .card__action {
color: #fff !important;
background-color: #222 !important;
margin-top: 1rem;
}
.card.card--country:hover {
background: -webkit-gradient(linear, left top, right top, from(#eb2b8d), to(#9028ca)) !important;
background: linear-gradient(90deg, #eb2b8d, #9028ca) !important;
}
.card.card--country:hover .card__img {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.card--organizer.card .card__header {
background: url("/ticket2u/public/img/ui/card_bg_1.jpg");
background-size: cover;
background-position: center center;
height: 100px;
border-radius: 2px 2px 0 0;
}
.card--organizer.card .card__avatar {
text-align: center;
position: relative;
top: -50px;
margin-bottom: -50px;
}
.card--organizer.card .card__avatar img {
width: 100px;
height: 100px;
max-width: 100px;
max-height: 100px;
border-radius: 50%;
border: 5px solid rgba(255, 255, 255, 0.5);
}
.card--organizer.card .card__title {
margin-top: -0.8rem;
text-align: center;
font-weight: bold;
margin-bottom: 4px;
font-size: 1.2rem;
line-height: 1;
color: #262626;
}
.card--organizer.card .card__desc {
overflow: hidden;
font-size: 0.8rem;
line-height: 1rem;
color: #737373;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 20;
-webkit-box-orient: vertical;
text-align: center;
}
.card--ticket {
padding: 1rem;
}
.card--ticket .card__title {
font-weight: bold;
font-size: 1.2rem;
}
.card--ticket .card__subtitle {
font-size: 0.8rem;
color: #888;
margin-bottom: 5px;
}
.card--ticket .card__desc {
color: #666;
}
.card--ticket .card__item {
padding-top: 0.5rem;
margin-top: 0.5rem;
}
.card--ticket .card__item:not(:first-child) {
border-top: 2px dashed #eee;
}
.card--ticket .card__item__subtitle {
/*color: @purple-d;*/
}
.card {
-webkit-box-shadow: var(--t2u-shadow-card);
box-shadow: var(--t2u-shadow-card);
background: var(--t2u-surface);
border-radius: var(--t2u-radius-m);
border: none;
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card__header {
border-bottom: 1px solid var(--t2u-border);
padding: 1rem 1.5rem;
}
.card__block {
padding: 1.5rem;
}
.card__footer {
padding: 1rem 1.5rem;
border-top: 1px solid var(--t2u-border);
}
.card--hover:hover {
-webkit-box-shadow: var(--t2u-shadow-hover);
box-shadow: var(--t2u-shadow-hover);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.card--border {
border: 1px solid #9ea8b2;
}
.card--border-top {
border: none;
border-top: 4px solid #9ea8b2;
}
.card--border-bottom {
border: none;
border-bottom: 4px solid #9ea8b2;
}
.card--border-left {
border: none;
border-left: 4px solid #9ea8b2;
}
.card--border-right {
border: none;
border-right: 4px solid #9ea8b2;
}
.card--fullheight {
height: 100%;
}
.card--bus {
overflow: hidden;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.card--bus .card__left:before {
content: '\e81d';
font-family: 'Font Awesome 7 Free';
font-weight: 900;
color: #efefef;
font-size: 150px;
position: absolute;
left: 70%;
bottom: -20px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.card--bus .card__right {
border-left: 3px dotted #ddd;
}
.card--bus:hover {
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.card--bus:hover .card__left:before {
color: #ccc;
}
@media screen and (max-width: 960px) {
.card--bus .card__left:before {
bottom: unset;
top: 10%;
}
.card--bus .card__right {
border-left: unset;
border-top: 3px dotted #ddd;
}
}
/* ==========================================================================
GRID CARD (default)
========================================================================== */
.fig,
.card--event {
position: relative;
margin: 0 0 1rem;
padding: 0;
border-radius: 12px;
-webkit-box-shadow: 0 1px 2px rgba(28, 32, 36, 0.06), 0 8px 24px rgba(28, 32, 36, 0.06);
box-shadow: 0 1px 2px rgba(28, 32, 36, 0.06), 0 8px 24px rgba(28, 32, 36, 0.06);
cursor: pointer;
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.15s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-box-shadow 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
/* --- Image --- */
/* Featured events: highlight band sweeping across the image
(ported from ticket2u/site/feature/survey/surveyResultImage.aspx) */
/* --- Body --- */
/* Row 1: date tile + info column */
/* Row 2: title */
/* Row 3: price + call to action */
/* --- States --- */
/* Legacy: overlay date tile, only demoListing.html puts .fig__calendar
directly in the figcaption instead of inside .fig__top */
}
.fig:hover,
.card--event:hover {
-webkit-box-shadow: 0 2px 4px rgba(28, 32, 36, 0.08), 0 16px 32px -8px rgba(28, 32, 36, 0.18);
box-shadow: 0 2px 4px rgba(28, 32, 36, 0.08), 0 16px 32px -8px rgba(28, 32, 36, 0.18);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.fig:hover .fig__image img,
.card--event:hover .fig__image img {
opacity: 1;
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.fig:hover .fig__image-bg,
.card--event:hover .fig__image-bg {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.fig:active,
.card--event:active {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
.fig__image--inner,
.card--event__image--inner {
display: block;
position: relative;
width: 100%;
aspect-ratio: 2 / 1;
border-radius: 12px 12px 0 0;
overflow: hidden;
}
.fig__image img,
.card--event__image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.8;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fig__image-bg,
.card--event__image-bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(#c33764), to(#1d2671));
background-image: linear-gradient(to right, #c33764, #1d2671);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fig__shine,
.card--event__shine {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
z-index: 1;
}
.fig__shine span,
.card--event__shine span {
position: absolute;
top: -20%;
bottom: -20%;
width: 28%;
background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.26), transparent);
-webkit-animation: figShine 6.5s ease-in-out infinite;
animation: figShine 6.5s ease-in-out infinite;
}
.fig figcaption,
.card--event figcaption {
position: relative;
padding: 1rem;
background-color: #fff;
border-radius: 0 0 12px 12px;
}
.fig time,
.card--event time,
.fig address,
.card--event address {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fig h3,
.card--event h3 {
margin-bottom: 0;
font-size: var(--t2u-font-b);
}
.fig h3 a,
.card--event h3 a {
color: #000;
}
.fig h3 a:hover,
.card--event h3 a:hover {
color: #35485d;
}
.fig__meta,
.card--event__meta {
margin-bottom: 5px;
font-size: 0.8rem;
font-style: normal;
line-height: 1;
color: #A1A8B1;
}
.fig__meta i,
.card--event__meta i {
width: 0.8rem;
font-size: 0.65rem;
}
.fig__top,
.card--event__top {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 1rem;
}
.fig__info,
.card--event__info {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
}
.fig__calendar,
.card--event__calendar {
-ms-flex: 0 0 45px;
flex: 0 0 45px;
min-height: 55px;
margin-right: 14px;
padding: 8px 4px;
border-radius: 8px;
background-color: rgba(173, 87, 162, 0.12);
font-size: var(--t2u-font-s);
}
.fig__month,
.card--event__month,
.fig__date,
.card--event__date,
.fig__day,
.card--event__day {
line-height: 1;
text-align: center;
}
.fig__month,
.card--event__month {
margin-bottom: 2px;
font-size: var(--t2u-font-sss);
font-weight: bold;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #7b3c73;
}
.fig__month--longterm,
.card--event__month--longterm {
margin-top: 8px;
}
.fig__date,
.card--event__date {
font-size: var(--t2u-font-b);
font-weight: bold;
letter-spacing: 1px;
color: #35485d;
}
.fig__day,
.card--event__day {
opacity: 0.5;
}
.fig__cat,
.card--event__cat {
margin-bottom: 8px;
font-size: var(--t2u-font-sss);
font-weight: bold;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #19A89C;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.fig__cat a,
.card--event__cat a {
position: relative;
z-index: 10;
color: inherit;
}
.fig__cat a:hover,
.card--event__cat a:hover {
color: #0f655e;
}
.fig__title,
.card--event__title {
margin-bottom: 1rem;
height: calc(var(--t2u-font) * 2 + 0.29rem);
font-size: var(--t2u-font);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: bold;
}
.fig__bottom,
.card--event__bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.fig__bottom .fig__cat,
.card--event__bottom .fig__cat {
margin-bottom: 0;
}
.fig__bottom .fig__price-label,
.card--event__bottom .fig__price-label {
min-width: 0;
margin: 0;
font-size: var(--t2u-font-sss);
color: #828f9b;
}
.fig__bottom .fig__price-value,
.card--event__bottom .fig__price-value {
margin-left: 2px;
font-size: var(--t2u-font);
font-weight: bold;
color: #f8981d;
}
.fig__bottom .fig__action,
.card--event__bottom .fig__action {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: 10px;
font-size: var(--t2u-font-s);
font-weight: bold;
white-space: nowrap;
color: #ad57a2;
}
.fig__bottom .fig__action i,
.card--event__bottom .fig__action i {
margin-left: 5px;
}
.fig__bottom .fig__action:hover,
.card--event__bottom .fig__action:hover {
color: #7b3c73;
}
.fig--expired .fig__image--inner,
.card--event--expired .fig__image--inner {
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.75;
}
.fig--expired figcaption,
.card--event--expired figcaption {
background-color: #f3f4f6;
}
.fig--expired figcaption h3 a,
.card--event--expired figcaption h3 a {
color: #9ea8b2;
}
.fig--expired figcaption h3 a:hover,
.card--event--expired figcaption h3 a:hover {
color: #828f9b;
}
.fig figcaption > .fig__calendar,
.card--event figcaption > .fig__calendar {
position: absolute;
top: -68px;
right: 10px;
width: 50px;
min-height: 0;
margin-right: 0;
padding: 5px;
border: 1px solid #d7dbdf;
border-radius: 0;
background-color: #fff;
}
@-webkit-keyframes figShine {
0% {
-webkit-transform: translateX(-160%) skewX(-14deg);
transform: translateX(-160%) skewX(-14deg);
}
55%,
100% {
-webkit-transform: translateX(420%) skewX(-14deg);
transform: translateX(420%) skewX(-14deg);
}
}
@keyframes figShine {
0% {
-webkit-transform: translateX(-160%) skewX(-14deg);
transform: translateX(-160%) skewX(-14deg);
}
55%,
100% {
-webkit-transform: translateX(420%) skewX(-14deg);
transform: translateX(420%) skewX(-14deg);
}
}
@media (prefers-reduced-motion: reduce) {
.fig__shine span {
-webkit-animation: none;
animation: none;
}
}
/* ==========================================================================
LIST CARD (.fig--list — same building blocks, laid out horizontally)
========================================================================== */
.fig--list,
.card--event--list {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
min-height: 170px;
margin-bottom: 1rem;
padding: 0;
border: 0;
border-radius: 12px;
}
.fig--list .fig__image,
.card--event--list .fig__image {
position: relative;
-ms-flex: 0 0 340px;
flex: 0 0 340px;
}
.fig--list .fig__image--inner,
.card--event--list .fig__image--inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 0;
border-radius: 12px 0 0 12px;
overflow: hidden;
}
.fig--list figcaption,
.card--event--list figcaption {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
border-radius: 0 12px 12px 0;
}
.fig--list .fig__bottom,
.card--event--list .fig__bottom {
margin-top: auto;
}
@media screen and (max-width: 640px) {
/* Phone: the list card stacks, so it renders exactly like the grid card */
.fig--list,
.card--event--list {
display: block;
min-height: 0;
}
.fig--list .fig__image--inner,
.card--event--list .fig__image--inner {
position: relative;
height: 0;
padding-top: 50%;
border-radius: 12px 12px 0 0;
}
.fig--list figcaption,
.card--event--list figcaption {
display: block;
border-radius: 0 0 12px 12px;
}
}
/*
Cart Style Type 1
Behavior: sidebar when in desktop, and hide in mobile (toggle using button)
TODO: currently only purple cart available. Extend to more color when needed.
*/
.cart1__header {
background-color: #7b3c73;
margin-bottom: 0;
color: #fff;
padding: 1rem;
}
.cart1__header__count {
display: inline;
padding-left: 5px;
color: rgba(255, 255, 255, 0.5);
font-weight: normal;
font-size: var(--t2u-font-s);
}
.cart1__content {
background-color: #f8f1f7;
padding: 0.8rem;
}
.cart1__content .cart1__item {
border-bottom: 1px solid rgba(158, 168, 178, 0.25);
margin-bottom: 0.8rem;
}
.cart1__content .cart1__item select {
font-size: var(--t2u-font-s);
height: 40px;
}
.cart1__content .cart1__item__price {
color: #7b3c73;
font-size: var(--t2u-font-b);
font-weight: bold;
text-align: right;
}
.cart1__content .cart1__item__price span {
font-size: var(--t2u-font-ss);
}
.cart1__content .cart1__item:last-of-type {
border-bottom: none;
margin-bottom: 0;
}
.cart1__footer {
background-color: #dfbedb;
padding: 0.8rem;
text-align: center;
}
.cart1__footer:before,
.cart1__footer:after {
display: table;
content: "";
line-height: 0;
}
.cart1__footer:after {
clear: both;
}
.cart1__footer:after {
content: "";
display: table;
clear: both;
}
.cart1__footer__total {
float: right;
color: #482343;
font-size: var(--t2u-font-bb);
font-weight: bold;
text-align: right;
}
.cart1__footer__total span {
font-size: var(--t2u-font-s);
}
.cart1__footer__checkout {
width: 40%;
border-radius: 20px;
font-weight: bold;
}
.cart1__footer__message {
clear: both;
padding-top: 0.8rem;
font-size: var(--t2u-font-ss);
color: #35485d;
text-align: center;
}
.cartLabel {
position: fixed;
background-color: #F4D03F;
right: 0;
bottom: 0;
padding: 8px;
font-size: 16px;
z-index: 100020;
cursor: pointer;
-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
border-top-left-radius: 4px;
}
.cartLabel__pay {
margin-left: 30px;
}
.cartLabel__remove {
margin-left: 5px;
}
@media only screen and (max-width: 1000px) {
.cartLabel {
width: 50px;
height: 50px;
border-top-left-radius: unset;
border-radius: 100px;
text-indent: -9999px;
white-space: nowrap;
bottom: 15px;
right: 30px;
background-image: url('/public/img/ui/icon/cart.svg');
background-color: #F7CA18;
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: 40% 50%;
cursor: pointer;
}
}
.editSidebar {
min-height: calc(100vh - 60px);
background-color: #161618;
width: 220px;
}
.editSidebar .editSidebar__section {
padding-bottom: 1rem !important;
}
.editSidebar .editSidebar__header {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 10px;
}
.editSidebar .editSidebar__header__title {
color: #bcb4bf;
font-size: 18px;
font-weight: bold;
}
.editSidebar .editSidebar__header__title span {
color: #ccc5d0;
}
.editSidebar .editSidebar__content {
overflow: hidden;
-webkit-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
}
.editSidebar .editSidebar__list li {
border-bottom: 1px solid rgba(0, 0, 0, 0);
/*prevent rapid switching hover when pointer is in middle of two item*/
}
.editSidebar .editSidebar__list a {
color: white;
-webkit-transition: all ease-out 0.2s;
transition: all ease-out 0.2s;
display: block;
padding: 6px 10px;
opacity: 0.8;
font-weight: normal;
}
.editSidebar .editSidebar__list a i {
width: 18px;
}
.editSidebar .editSidebar__list a span {
margin-left: 4px;
}
.editSidebar .editSidebar__list a:hover,
.editSidebar .editSidebar__list a.active {
color: white;
opacity: 1;
background: #36485E;
}
.editSidebar .editSidebar__list li {
font-weight: bold;
}
@media (max-width: 1000px) {
.editSidebar {
min-height: 100vh;
}
}
.err {
background: #252525;
max-width: 650px;
margin: 0 auto;
}
.err a {
color: #ffe18b;
font-weight: bold;
}
.err a:hover {
color: #ffcd3e;
}
.err__code {
font-family: 'Texta Alt Thin' !important;
font-size: 160px;
font-weight: bold;
line-height: 1 !important;
text-align: center;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
.err__title {
font-size: 60px;
text-align: center;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
.err__action {
text-align: center;
padding-bottom: 30px;
}
.err__desc {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
padding: 30px;
margin-bottom: 30px;
}
.err__desc li {
font-size: 1.1rem;
color: rgba(255, 255, 255, 0.95);
}
/*--------------------
Event Editing
----------------------*/
.edit__list__item {
border-top: 1px solid #ddd;
}
.edit__list__item:hover {
background-color: #fcfcfc;
}
.edit__list__item [type="checkbox"]:checked + label {
font-weight: bold;
}
.edit__list__item__sortable {
cursor: move;
}
.edit__header {
background-color: #ececec;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 20;
}
.edit__header__sub {
margin-top: -20px;
margin-bottom: 20px;
}
.edit__header__action {
position: absolute;
bottom: 8px;
width: 100%;
left: 0;
}
.edit__header__item:hover {
cursor: move;
}
.edit__main .title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.edit__main:last-child {
border-bottom: none;
}
.edit__main__sticky {
font-weight: bold;
font-size: 16px;
color: #000;
}
.edit__header > *:last-child,
.edit__main > *:last-child {
border-right: 1px solid #ccc;
}
.edit__header__sticky,
.edit__main__sticky {
position: -webkit-sticky;
position: sticky;
left: 0;
background: #ececec;
z-index: 1;
border-right: 1px solid #ccc;
}
.edit__subheader {
background-color: #f5f5f5;
}
.edit__checkbox {
position: absolute;
right: 0;
}
.edit__checkbox label {
margin-top: 5px;
font-size: 0;
}
/*------------------------
Reserved seating seat
--------------------------*/
.seatRow {
display: inline-block;
text-align: center;
max-width: 80px;
min-width: 50px;
padding: 10px;
/*overflow: hidden; Disabled due to that this line causes layout to run away*/
white-space: nowrap;
text-overflow: ellipsis;
/*For sticking the row number*/
position: -webkit-sticky;
position: sticky;
left: 0;
background: white;
z-index: 2;
}
.seatRow.border {
width: 100px !important;
border-radius: 5px;
border-color: #666;
border-width: 3px;
overflow: initial;
white-space: normal;
text-overflow: initial;
}
.seatNode {
width: 40px;
border-radius: 5px;
border-width: 3px;
border-style: solid;
white-space: nowrap;
text-align: center;
display: inline-block;
margin: 0px 5px;
}
.seatNode.booked {
border-color: #666 !important;
background-color: #ddd !important;
}
.seatNode.reserved {
border-color: #666 !important;
background-color: #bbb !important;
}
.seatNode.not_available {
border-color: #fff !important;
}
input.seatNode {
width: 40px !important;
border-radius: 5px !important;
border-width: 3px !important;
border-color: #666 !important;
}
.seatHead {
background-color: #f0f0f0;
border-radius: 10px;
margin-bottom: 5px;
padding: 5px 10px;
text-align: center;
/*left: 90px;*/
}
.seatContent {
overflow: auto;
z-index: 10;
height: 50vh;
border: 2px solid #eee;
}
.seatColorBox {
height: 15px;
width: 15px;
}
input.seatNode,
input.seatRow {
display: inline-block;
padding: 0 3px;
}
.feature {
position: relative;
padding: 20px 120px 20px 20px;
height: 100%;
min-height: 160px;
height: 160px;
background-color: #f3f4f6;
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
line-height: 1;
color: #000;
border: 1px solid transparent;
}
.feature img {
position: absolute;
bottom: 20px;
right: 10px;
width: 100px;
height: 100px;
}
.feature h3 {
margin-bottom: 10px;
color: #562c87;
}
.feature__action {
position: absolute;
left: 20px;
bottom: 20px;
color: #ad57a2;
text-transform: uppercase;
}
.feature:hover {
border: 1px solid #ad57a2;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transition: -webkit-box-shadow 0.5s;
transition: -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s;
transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
}
@media screen and (max-width: 1200px) {
.feature {
padding: 20px;
height: 250px;
}
.feature img {
position: relative;
bottom: unset;
right: unset;
}
}
@media screen and (max-width: 640px) {
.feature {
padding: 30px 80px 50px 30px;
min-height: 140px;
height: 140px;
}
.feature__action {
left: 30px;
}
.feature img {
margin-top: auto;
position: absolute;
width: 80px;
height: 80px;
bottom: 20px;
right: 10px;
}
.feature svg {
width: 60px;
height: 60px;
}
.feature p {
margin-bottom: 0;
}
}
.fnotification {
display: none;
width: calc(100% + 20px);
margin: 0 -10px;
background-color: #fac9c6;
color: #35485d;
letter-spacing: 1.2px;
font-family: 'Texta Alt Black', 'Noto Sans SC', sans-serif;
}
.fnotification .row > * {
padding: 10px 20px;
}
.fnotification__desc span {
color: #186839;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
.fnotification__btn {
background-color: #f5877f !important;
}
.fnotification__close--n {
position: absolute;
padding: 3px;
right: 15px;
top: 10px;
}
@media screen and (max-width: 1000px) {
.fnotification {
font-size: 13px;
}
.fnotification__btn {
height: 25px;
font-size: 15px;
line-height: 25px;
}
.fnotification__desc {
text-align: center;
}
.fnotification__close--t {
height: 25px;
font-size: 15px;
line-height: 25px;
background-color: rgba(53, 72, 93, 0.75) !important;
}
.fnotification .row > * {
padding: 5px 10px;
}
}
@media screen and (max-width: 640px) {
.fnotification {
font-size: 11px;
}
}
.footer {
color: rgba(255, 255, 255, 0.5);
background-color: #000;
}
.footer--grain {
background-color: #222;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAaRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMalYaAAAAIx0Uk5TlhaTG6WwoBqyCx6sopscnacgq5cfmR2UkZwhlY4li5IjIiYpjYmQJ4iPJIyHhooog4WBfoSCKyx9gCotf3wuMjEwezN6L3l4NnI1dXd0djc4NHNwOXFvO2o8bjptPWw+aD9mQGtEZWlnQUJDRmNiZEVfYWBLXVxIV0lHTk9KXlJWWFlVVFtNTFpTUVCkyaWwAAAfsklEQVQYGQXBg6JsWYIg0Bh7WlVdVjrz5bN17Ygbto5t2977p3utXhseb5cOkcQlMSvlwcK1KN+kXuZFtaw8UKWGHiFOjR+F43DFHF/nyis8PMwvzc7QdS2qjnykhpWRQjtpLDpQTFUQhrP972J3uIwc3/WaHJF73IT3EHONyQqnTVQIxOGvt7JaF3K5XOM7dyDI1VQv1c0xv3T0lzAQ86iJX3cdkg41x1QCweVIKUGI1bm1XhO1cR+L/oaFys6joNLUSBbURm9bwK9yySmu+6MqCJ24VqSu5NofdmOlOGCp1ci5Ob8EObh89le18MLgAWbH/9ZUCR47kyJmcIUArlxGN2Ugzj/bN6fR9qJeC61niRtk516BTEF7QdOmB60uSSfTQ0TwrYLTiq/CFPBE+2AKf2eiGYkrWyQy44z/1CRs35oHxM4U8tBPNVTAGu4X0dq/5tcZs2TlDO7VVRolsSLyzO9t/aNh2FVvlJJQfLpVr0/qY6o37q0Yo3PxdGKWsibL6V8HxMcYGUev9C5qlrp/cDR1Llr8F8r4oToXReV3Rt8KA32bZwZ/4+38bTq5nqTPOmBjNJ8QK8KWQK8uxdyoNFxrle3Snen1ioqasN3qh+JNVdbGiid0Sbl2/TKfJQ+/cQuOMKw4mtKRN9TBhR1RtF67xTGJGQ8DnuKCq9mhpJgLJWqg9VfSb49kr3W0+DWjGaSSw0vQaapjdCyJoHEQykmbfVGDR90u41jAHpbuNfywT+mt6XpgJFeH4i4U0xRxm6Zu/rHSQv/+9+sG4rSnLJ2zrm75c33ohrzas+eJeBA8D2DBSWPsVGOIq5AsfEzUuNWD52wCbXh2XQyZENdvxrWzzCQk04N7slLfLyj+QZfCsixMS05gcNQwxfJZlkBiPZgC7zhVCjMOtV4weO994s/mVikag3ZnelFcdKVUb2kWMoJ1075OTiv4Wq/wlvvAnMFCN6Ic7MIujcr8b/NDQpaGbX78QR/GUFaTeQIK3OGkm9yxClW8FZvGsXs1Tpcz5WtNSdlDZbV6nglu6YZIfXoucMX99Me+/mYqMBEm4X2YhzRrhMbdL2i7YhttHXwOqWSb55ITmIXscoZzj76Kfa8rrZ0Ay/vhUKErGPfKlBRSyJfcWIidwlfoKnAevyxpUGpikcWZqnz6nDvZIxjGULjGmV+E5QscXHwX4I6MYHYsbEJgxPY6I3Y865Wwfl00a6TQHNPNF2d3k1Ztql4EciNK8/SVIf1+7sxkj5RM23h3nipnfF4U3X62c7VIVQk/twKoDTVwWB+nvlfLCa1bj3J+V3gn6SRqj4EqWOtwjYebhAph8NjHX+Db9mq75Hofkv9fsnrmLc+Cxthn1njneZNPdgfO4hnRGppVsqT/tAn2le397e3fN9E9ovzlL9e5DhdsFPACnKb5gYEZ7zDbrH5EufdFxxs/yxqX+DlXmmMq1HrLKs/z5H/pKj3NLfzhuHCCqg8liB0+vNGn7Sf+tChHoxPOP4cu/362qAtC0kNra8dVyzLP4Mgpf/Y3yAOeb5IyqSMRCXy3+mN2v9Flta4Yn1vBXimEZV/V1I3fRlU8Ed0q0/LQaNn2DOJlB45M5X0aajILyO0k9FJZA2o5ie+V1VwDGdgFebF1vrlT4ry4zQcedHIKBXkeVhsvkxsT8jW97S073GTf22Wm2yBN2TRDVaEldhl15MfHpDOllhIavGPJ+OB5Yje71SlEkGVz/6VEBT+fV9lFh9Od2xxK+a5ry0lU3yjQtcRPiCDSF0smi6c9ZDqbZso6afHA8L3Apl0LJJ7whAq3tY6+ZwkxYArATbCsYfe8U+9KNLtlW98Mbacuu7NR6NhOFzOcQKsA55FD15JuR7xsCCmuI7IO7qlDjxlLRmy02bpLxfoBncftvmGHUu6SYDOK+srqYwklx5dIjqUroTweFRrmQZZGiE5Z2eK2iXy/rD8d/+l5kcylD0Yht2mrdNmqDdgKURofrZWefrnJsVQsWnL48VGOY+AhZTf3qJpc6qhxYWyCNHrLCMnqPBgMulqj5CjaGH4/VajHzFIOK18eaVcu0XC/Cp148YVasVmi4zO9rTMjKhSAZmVvZ3l7bBVVvuQI0rP6XTudT24ZBVosD5PrR8nFMVEKPIJ/3K0qvq3TlG7ZFqkfWccRrGr7t5nGZleYH69t+yLaBKwEj7LtTHZRJkiDN9Kdt0J6BlOZeZh71maSHj4FikgDqcRmsUOsy3ZJhqFehZjNYgrd8utMC3KjYCOTICBQ7MQUILu3aDdxeVFOCNpVUcIX76jEKN9nSWYQ2PNTN3vdC8Qydo/dEWRi6OqW1ZxTNcYrgpeb09MHTZ3njxofDbBQtb6SDnL99QtwslhXy8jqLD8STMoTsbYdTxWwqSXJVmTAp0rZComyl7i6QY6a0iOaVIeBh0Zga4TzYmHN4hYY3Yw2jrNMdLya+rhdUHXkyJnXVfW+qQqbKCq7P8jbs82yX+OrVvKc31RBNPv6WNUiq32h13InyQrUcnlty4rTA3Z6N2nkK6NR+E91Q9tCtg19amUtZFPlF+GzJHj3Ew5TnswP6sFQNo0NK9aPNB1nBpGGRALr1PiN10oUIWfvVgXc1Mgd9ehTEh2MqiwtF1rvq9WMhZAeGx9okMJrWfPEkGkbpAuM6zRXEjcr/DY111+hvsdjXEawhkkcy6n0/z3urraN3gBE1+q2epXs+WTbTVMz44yqw/YZKBq8C2uT74W6H5MlaNZN6ibfZ8W+UCpSoaVl51TVo414nslTf5d3RC23QXov+keW33UzjztU0XFwjWAPrjZOQ1JrePpttq2T2AA89Yh+sVGtqmvPzoOm9+Adb2M1qAP0WHIcSPwkVkM+/pIqwZcWoI69l0UOo8LB2g7t9Tv3Vi3fMNdkZOWthWeVAe17/l9qUvWn60ZQm62fZtZLuVx+hCVRthL+Muadnt9VW91Zog+XeQXDQvNayj+JWgMDO1FMA104HNr7p4YZTs65g+PmYTMPSOMgWw44DVJF2qYv5WXfMCjj3WDXPSTC4rFsuyYfT3Y7Sl2YZaNoveCawhtnnR9MrfXS7GgTxLHrQvfndBk8GyTdKDDRZcYQiv1iL0nQ1tXtbUFxQdDySZRaEXYN+BtDeFt48raTnC6v7lrJqqyqTCuptqGjxv1el2eOOi/XUl6HVeXfyDZfJYVzWUbBIgpC6g1gaxgSIwqLpsJoYfnCGOyVg+ElTZfY98e7Tqq+P/DVpOqcZcIpbR5vfDLd3d5slkyodpDL7nuWrYcvdCOVeeXLg8n73rhuW+NaKOS4UjXHaaiSoW9e2RcL9fMnGvJck56aF3WAWOs8XWFVh3VQKBbG9PisEjmoWyy+ydXEtkmvwFu1nSFzuicrZbJT/1HCg5w3+MwWFFwyjbH26I0Tc6NJ20OXqEZKkeWjb2ceG7s0HTZ8Z0mLpEZhM9tZV5kEsM1macd4p47U9p1ppbLDpX57NPLlo5D0Bls7cNTPNpOgaxuD3cd/M0Mh0qrBFyPyqZd9o4FpHjQZpzhq0NXN3MtayO1duT3th/CC3ZY5cXnH7JWsKY15pFX4i8DeLuJ7PeJ3VhXtvKnS88Lvihto5BF0I2Dw2QF05HazFyxddvOH95draC9Ykfxr7uYyLKO62Yq//rYbCFYJjwJ3F7GHQiuOjAtJjbvk9ZQ1oiOKQCplBUtFjgodM07PqXd2/i6uujasmXTUNkE2NoESofFpdQxYC1Cla/hR0KjrrPqldoN8RJnjYvcQ3nmFATeVQ8c3L10K3u9RoVb2RbBCuIpLOe4Kb/xFdsSbtidaxfTO1O/L3Sqgp1HSiTHIVpKZZUX6hvnMXVSBV7hamutlu/VMikQ//HUi9+FWkpfJ8p6uxmJV1Cr/cJ5btknmghJbOTG35fUVXlgpzeyEpleuvU4/3iED30sCQ94PfrhPHSflunakZn2HKhh6HizLefn3ksOyCze6BfSwav6BgHi7AQtekhN2VGL+b09tw8jI+oqMcNDZTTxdPSd/qOafWHjS+9rmka+VpmC1rKOyCZwI9R/exB3NpeX/2XdjwY2ZQ7NuvrhXthcFxmfKlB+d6PiFVTcLfCmFo/jYDgKnDvYGaCYl49g1vCOHEPslDZJ4S30oux6cYQgox+mbtaaQsK2SomOSjYu0cGl2d1hQDmvNMy35ofp5SAQlS1Jd3XjWY+S/TKg2dD652JYjItaMg3m35fMdsSu7u01d123Z/kmxGTJlesmqCFxXn6n8bpcFEsE8EhwV2Yf7yjRqjC3moDUzr7yJVjnkE/vLgjJsKTPh1rltI75F72/xirBylLxyJS573DJZ6ThJQSuTokUK33+ItnXPCkoBVaJb3+FDw8OurIrjm5qbXq21n3zfRP3IOJJ3asbzU9/FVElp2KRUY4mCA5894qXzDj4qmXPgknUbcQcHzZmbom2ybBmqNZfav7Yw7RWGjFoRy4V1EYK2pXmE1pKUpokwPVCspoACXvIHRbtHNe2mbrCFvIOB437CUsaxk/ejf/2/mN9WtqfGfEWWgzQimpaDGsZXQl03cXTg6rL3zIy8K7FQaMOg0BjcA1H039QE5dJSLFV27t0XaDn9YX9QixC4puw9PEUTtpMf28y6DA3ol/xVQborN+2YnKxgg+Pawk+n/7ZOG7SCkyba5D0n5/Jnnk/HkV2wRWwfwYt3YTuxkn1pzvJMBGxM04w/3taOPYu9ff2DJZ7fBZXuHoO8DUCXJjtdeuDW8kqoxduypFa7MXAm1yPiUkrD1WB4HPaeJ7kp1Y5naGEgOKioLDM/IA19kxzSPPWkue8f9MYb8zfKzFKrKHSMhcQGAoQFMUyk9WvyYG6sBtzvw4EUnmPr2ze3bDztQONFUg0lO1LL3g80L0KtpPP4nK+xIo7q4NMozilxiwQGY1zc5T50ilRjMju+A1/r7N0wofxC2H1uMD11+L4hZyeP5/9u6nIjX20amyz05d2B2ueHcW757vJ3xHlv/D4z0AW4w99+VSop2VnZUtFAURmUMn0r4ofoHg+3bKoaKQlOK7rBfRavPwf17Gem8/ysQynXTvuQ2JdobPfnokPR/l1z/2Wf5PdiIMRJoMDeJfKNwMiU6JoKdHGzs9Qm1U34BbEx5GwUuXvmj5/CWu4gPB0xFyko4BhGVFtbfF12WKx+Bv/9mPhc48MA5Ll6jE72OVON6vFlxoXr268rtmB6MtprC39GGm6UdYcMCK6P4j/9mBKuY+60Yrs/0W/dztduFSdN932r3ej6dqG+uao23pd4kbIEGjsQfjPzn39k/VI2D/cL46Gv49v/mb8CuwwKftmT7rIQrXhXDmusMzvYlHGqz1wDg3/+aP0r5/kAWAvXPm4O0TJ4FcLZYkXYtrkOHXFDxSklG01Mj+rV0nqdQs7rAptbGcUg3Vd32tfQfp0Bmu9V7Gs8aUUxT8FwUeTV/kPu/dLJVVOzlO+Rqc18lknhD4NFHjasnIOpVobONhqTVRHV6p4efQDB9jYBlXZ9XBxfaYStOVhYFKoZFoeJ5yU8/rRXSQEGbQYWwgTGKvy4v072XqWo2ryFSudx8Of3J4sBmo8gP3fDhoClaNnATI9erIzx6h0H0gbbBxOc1fQs2DpwmPgF0RTxW4WKC5KzpVLrSedYV6rQvmqYWXIdMhH0z/LM9GOTAi0wvbKJLQJ7p4b3gUuzh3dpwG0s2GKH89Rso4NXRMmkfMRZbuRQQK0gDAt9G6TfZ+3Bp0lylA3Vspcw8syxSV+3qwSh6RUNbjxNkbiv/wyU1Y/JC/aPOv/4OL8gjarztqbD3dNTO0E5GUuCGiRSbl810vV1qt2I/FIUjxn2UTqdp0RNw1YH4mGeSGUvva6ZLsuiKm/2m4Of2nkHUSjM89JYXpEAOM/XElkoJIZFWHPVCfwTJPIgiremFnfDDp+YXfd4EO+PpbNZPhnV07oypat/Iiu7L9uauJoksdSrwq7RynZ9VhjA8qvaOR+X0n5d/+XsfNyyxy/7/xxfIlXjiPxV0t1IFLzcK12n4iu21d+JGX0kR+heWRNCVY2hQ1ZyYR4OyNmpXXzatE1zb4gF0fvVfoNVF9Z3lPOPT5KcVEFhbLTs5KEdoORurGYcYp+9O0Sv4peGU6MQT3lGk38+LDqyKeLSfD/5x2b/LxvWLnbQMk0sLHkGgtdh5we1knMAr1tJ7Xmry7uVyvWfLHA9hZ0WTwSf3aINPZp7TrN8y5tMUmxNxhRCPHDfJmI+H4fJDtRwWKAtKZNGE3pyEjNZ61NmmcqWhQtYsmKZutGyrXAJQ7uXFrv8A8Na47oObg0/216aUz0AwZ3i5vnj9nOOfTuXedNP9FVUrpsH82+2mIq/GiFU4jH4qaFxyTaVTACM2fongb/ErQE1tyNvtKtDO9U+h4nZw0JOrTdysbvDiLnHacLBrC+FV3mYvf1nGNYqBDjJJOaZZdWwZZUX2jVWKp05ttKzRs6Q/wJpsitdOTGsGrdvSQ3e1cqt081eSdeVjVLN4wUV9KQqEbISaTopru4VW8qlRhPPp/R0qtGqPsDl/gYkYodqgicd1Y2IG/jXx1hyvZuSX2htu1KtZkDe1XVDgQjuRPebUB/IqJUWTXcq8KHvAKtn+G3DtgilAZfNJl+tHDE1uXSeTPmohUluVGFf5FWnTty8+GnrRi7X5S7qLgrow2x+ZN8WMr2GlJh5XrKQbtYomRw/Y+a9+fGWd8QkeFr4jz1C3dsO0mqO7lnZgo04WGVpcXY3HPApZXmfrC8qt8iT5g128NLAjfXQgMKvbcMbfTQax0Q0WtUV75+Wvu5ELodhF2+7SyjyoRjFj2gfJCmm9KokrA4J08dqVLeEUdiVIzEczC8tRDzbe27Wr67tB0zRuwokD6n+lo0vjhpo9nYFuKX5QuILNjFor7zZ5lGHzhp42l/Y3b+7UDSjZBuUTZpJPcxS8qs1P1eZo0ZMAa8tj/IXvBPkxzpZa7Lg/oN5NFkt5j2zwaIms84KiohaPnKE49NWzLTTvXi3szrbiY3EPHn4c6ciJsqnljA4xldB39K9sBcFzyBC5BKIVxFE6/rRaWrWi4ykIjZuEajL68gw85TWyFZ9ilbvzuNCJ5QaIZ6nCfstuZ8d97umloSvnJFffD8zk1mq3afkh4GkjzwYfE3BEuvR3oUmX1S4HyStriBxrobRijsIJvMBeJau9P1a3YWaVQI0hg6o10CTO+TRl28syU/dkYd81f7chuBI3aJNSpTfyaNTUu7mqwVMim5yJ4B91os3hndehiP2C1HMwJufLt+a3ut8CoUZ9W350oljULvbX1SyYPg2FSDHsF5+ld8buR1ceDmHLfRdZBgdQLzXE/E+iZsTK5GCT1xXiIpINMXmp5jvpTdoOcxVrzCizDkX9aJTlgAhHXEoU0h5oTedbdEWb3nVh9IeP/0AC616ro5MZjDBPgNmWaM//qe0Fmv0kloLPk28i3+7XO36Yp1kGdPm+denVt7D6RHxBmlUU36IabbxluBRFktte0s7lvWV2pk3Z2GYelWbIsGfvL9zhEM0zt7lM9lcyEb4Y5zqUdRtPrdboKeub9KhECkje3rrnXN1wVCFdi71VnuwqaNcuLEsR5cwsYtosVHauaXUSaCYzr7grb9p4cv3wXP4Ak/q/Z8v/dQlrpXiO1oNJ9e8zrQfcDIXM81pXQdHMkPSBZCpnSq1yb1+ZeylXsPw/cPD6xvHWsNgCXERB0rafOt6bt7t7IHU1g5Lf5fk8QXNrXio6/9vGq9oHxQeEF2qXVbSt10EPKi82YYRY9LXYw2QqV+oyUI6dSFUKZj1DnbzRXG3hkSYHPQjKaOorUsdBw8tW+XMbg7uG8zxd3cW4NQsF3Ug7uNGL5jc+gN6HpqWeRy6WSdsVnt65uWAiwNlWDL7JPgZjcPkhf+r4B57qpmc3gnOzozM5k/TVTwL2tIS418X5eUmciP66sabjF6EPJp+b4kejrZVkp+0cYVIhE96dcJX0GNdTZbtJI8goUVh67KZ39WB1lVZBD9uHL/Xucfio79U7DDi5BPvF0SK40gvEG4+d4vB82CnWk08ccuYr6V2ls8RQ4Ac7hzfFSpa5daMZG8let59pIBSPNHuRkyp2sTZewClY9f9jym9AU/QXpW4dZqU2e1cR8LwEYndfWM2hV5P1tlcbn8+mQRFUpDZ96CV/6hK9J90Z6ElMzdfEnzV5LUTWEXWrUsAiOumitThkuAxC+77LOlkhkJpM9/rcRJi7GMOCeOBU4cdBp4FuSxbKZ6DzNaz+YPanyUuY8yDsu0sNoh16K44T0j7dHZxCysOds1J8M3qwNJ6mB0AJRBz5lUgji8b5/NBEym7aHpw2prPunQRckfDRvSY8VerSzZllUEXrA4BUk6DTG85VVAJvK22afONWEBlMFtBjHsO1DHFDYb+291tslhzU1IQxbasB8vIAI9MzCAX9Wo5vOipHaHWRtcQR/lAWsoafPINiFNEIhyTG5toHS3i0rY1FC9P61VnR9bV0G3dbplbV65cxSwC+bZtkyA3y5dv6PxtuymlhAlsd6vdcTVsi9TrVXI28pG9nZwsQXcs/WIa750ilhUxMkNm2XXs2Y8O2v+o51qiXQ8Vv+zjD3XmZfrdRs4kwuVXSCXTbver95vmOschGSrUhBnvAB/VuF6Rxa7ptXi5OBx00hflKonHi5RaPdDpJSzF7StHdcpnrDbtt9J4lww5VeECPhLsMBGq9+m95ASpFaMLNkTcxxQwqfq8VYLjeg3jwnY16YZORWRfN1bPK7SnsEmGESNQCrr7yJDEko7el9cgSMIgTUqhxFt3o95UWZiaWg1btxpFKEvqLQBoiIKcFnC3zczCbIagrlzX7fLURO2v6X4GA587rPDetvOLyCqHc6Yww2YcbG8X1aRYVCfVMdzTzM2aRqSZtnI4Lv6zdUKusbp9gf7h19TUZD/AC6JpJCaqSwF0H2roiTO0P/mWtiH/4L/rbj58rYnl9Gsv9H1vXia6XCd7sY0jzjtrKBCrH2aRSnDDsGMMfYcY7UN78avbBbqwS1IYgbij4IPq450Ud02hBFAeYVIFf/Q1Bc72B2LXn16OdipfhaXc9mItqdhEK0WxXZOVXzK+wYRPSMb1jLU10wVa10gPbIc6Owau5zKkr1e2GzZdB/+2VjJWV0PTYMIR7eL7YXuu1CEWsrFsDECmWYZbCshJ1JP0jmqobSRAcgDMHfJkOzZD95dq7ZQpS30XAImJ6qzslN1f/o7aHOrsWCaBSPjBnndHrK7f8hIfdHVk47rpfezvqrfOIyQ4HoXG0/tMrcVcjHsZOvHXnZ/V5XPQgDgMHoS0MKBbeC+MyVguwzkjy1XeDkT23uwOoTSrqpdKs2Nf/whUpvNKXrZnt5v3//UA6dPJCgtxOyrtD50ZfGfOoaEcpxTWO0lvX0zEzV2+n1i+GESda1iAZRuLgKCFVfckTh+9xi3T5g46wshk+iKR1Tre9pOFuQ8w72Q8qdj4L9ul5ePuljWHFw8qz8YM80cOorQlBLLWg8UBcMnP7Ndq9/Ug4kYWr2JzlO7atGkwbyGhSZU4QdMxydoa00Ze1MaVE2JadrtSJwGsfbrl7F0Y2YT3GdwMi3anTMMtD10ldys0b8Oovu1Fqi+Qj2yAOJaPRZrVepMVCBGVimkM8x6KArsu/Pd+ReLvS9df2OoJPffNwNaUB7Mfq7Etv9h3eZWiPjlAOSpaOBzn5KbuRZ3ZzqLQE42wZz6S3dr53KAOZtD5Cd/eLvpktUmePrphRxe2WuUL+62ySxKiWNQxAJHT5xXOU0eVDl2fHyoj0dV1nQn0l1EEKDH9cOs8z2bCA4w/n7EcleleT7aJTcV6jCmO8CO57r7fU/NJ6c8NM9WwMI8zstNVEuThtf0UcFVHiLKslx6uBcnkOHy2zLC4i+XyXOA/ez91G/M+W6f01br6VRU+/qWTIr1b7HsuXNnq2sBkpmnsA6EjYtGV6zrI6yxKyk3Ddqpbu447FTtDN0zrTE3B8L54PhXyB9aqTr3C52OtchdowMax3Uo2Q5370vt0vtCzojBTRwM9/eO0UGQRO5YHq1Nb2s9BlEHNRQ/oRtPKu/CiYBecIle1FAvZ8NUYkDy28ZHoEi/R9ZOGgvmju1FqX/M5P49uDWoPfJP6Js3uDX06qdeqZPaqzYPv73ztSe1eScFg9kCE4cMd+4WoYgTDQqPgExPNYqmSPLiKPn+LlnDT2V16zFKVDCBpzx+htzmWVhSXNTDJB9UHcmbYVqE8UFXwObMJvifnjDL9WOGaWeRsW4UEh0hHNvbvJm3/IKzF1WmWwsJMxer4kvnzWxBGmzkfzjIb/NDxCbcLuC6bujbJ41O0dVqhlY73zQoEjqHnsEQekqKzejcmAHEiEkHz7zsgatb0kH3pmoPgEk0St2AmKYip3MFk9V5Nm7q47sj8T8mIOTjTRt2LLBDp9UVFdI7Pa+p1ozeChH3WIQcar05/j8d2FhZqz1Q3kYMGQiHbLV2i1HEfw6qprmjfyGk+MI9Z3sjM2H+lg2a+q6V79RBx4qZeQi8xXOWnMsfu2tqxyqUuecL3+5ijd0F3Ff+14xx3RJSreZz2JOvYVjeyWLyCdnAp5AKRPLu/FWi9PgLhsQ9ja3bphs0nCimW6GkXEz6XFfbeFMTZxczcBwg4aQz7qDTLsv1s0VzZV+089PVDpMBF7LutaT32frEKnZSzEG40dq62Huqh8NyDBIXJv8tOa31DuRLhk7Byn+j9MByMC7Jd5EtzvXCksA0etm6TbcaQX2RzojFLZpiFebI8qMVyxaddkrvkzv4Pt7iFz9PXmP4AAAAASUVORK5CYII=");
}
.footer section {
color: #fff;
background-color: #000 !important;
}
.footer .list--inline li {
margin-right: 10px;
}
.footer a {
color: rgba(255, 255, 255, 0.5);
-webkit-transition: color 0.8s;
transition: color 0.8s;
}
.footer a svg {
fill: rgba(255, 255, 255, 0.5);
-webkit-transition: fill 0.8s;
transition: fill 0.8s;
}
.footer a:hover {
color: #fff;
-webkit-transition: none;
transition: none;
}
.footer a:hover svg {
fill: #fff;
-webkit-transition: none;
transition: none;
}
.footer a.footer__social {
color: #fff;
padding: 5px 10px;
-webkit-transition: color 0s;
transition: color 0s;
}
.footer a.footer__social:hover {
color: #000;
background: #fff;
}
.footer h4 {
color: #fff;
}
.footer__sitemap {
border-bottom: 1px solid #515b66;
}
.footer__note svg {
fill: rgba(255, 255, 255, 0.5);
height: 60px;
}
.footer__copyright {
line-height: 60px;
padding-right: 1rem;
}
.footer__badge {
position: absolute;
bottom: 5px;
margin: auto;
left: 0;
right: 0;
}
.footer__badge img {
height: 32px;
}
.footer__seperator--emboss {
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #000 transparent #252525 transparent;
}
.footer__action {
bottom: -50px;
height: 43px;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
right: 70px;
border-radius: 5px;
padding: 10px 15px;
color: #fff !important;
-webkit-transition: all 0.2s;
transition: all 0.2s;
z-index: 10;
}
.footer__action.active {
bottom: 15px;
}
.footer__action.active:hover {
background-color: #000;
color: #fff;
}
.footer__scrolltop {
bottom: -50px;
right: 15px;
border-radius: 5px;
background-color: rgba(5, 5, 5, 0.5);
color: #fff !important;
padding: 10px 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
display: block;
position: fixed;
z-index: 10;
}
.footer__scrolltop.active {
bottom: 15px;
}
.footer__scrolltop.active:hover {
background-color: #000;
color: #fff;
}
.footer--sticky {
border-top: 1px solid rgba(158, 168, 178, 0.5);
position: fixed;
width: 100%;
height: 40px;
bottom: -40px;
left: 0;
background-color: #000;
z-index: 100;
}
.footer--sticky.active {
bottom: 0;
-webkit-transition: bottom 0.5s;
transition: bottom 0.5s;
}
.footer--sticky__btn {
text-transform: uppercase;
height: 40px;
line-height: 40px;
border: 0;
border-left: 1px solid rgba(158, 168, 178, 0.5);
background-color: #000;
color: rgba(255, 255, 255, 0.75);
cursor: pointer;
padding: 0 1rem;
font-size: var(--t2u-font-s);
vertical-align: top;
}
.footer--sticky__btn:hover {
color: #fff;
}
.footer--sticky__link {
max-width: 250px;
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #000 !important;
vertical-align: top;
display: none;
border-right: 1px solid #000;
margin-right: -4px;
}
.footer--sticky__link i {
font-size: 15px;
}
@media screen and (max-width: 640px) {
.footer__badge {
position: inherit;
top: 0.5rem;
}
.footer__action.active {
bottom: -50px;
}
.footer--sticky__link {
max-width: 50px;
}
.footer--sticky__link i {
display: none;
}
}
/*fallback*/
/* TODO : Remove when not needed*/
/*#bottom-fixed-menu {
z-index: @z-toast;
display: none;
a.menu {
position: fixed;
right: 108px;
bottom: 0;
font-size: 14px;
color: #fff;
text-align: center;
height: 45px;
line-height: 35px;
padding: 0 8px;
background-color: @red;
margin-bottom: -10px;
border-radius: 4px 4px 0 0;
transition: margin-bottom 150ms linear 0s;
&:hover {
cursor: pointer;
margin-bottom: 0;
color: #fff;
}
}
}*/
.header {
padding: 15px;
/*position: fixed;*/
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
width: 100%;
height: 80px;
background-color: #000;
color: #fff;
z-index: 101;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.header a {
color: #fff;
}
.header__logo img {
width: 200px;
}
.header__nav {
margin-left: 1rem;
}
.header__nav a {
display: inline-block;
height: 45px;
line-height: 45px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 1rem;
color: rgba(255, 255, 255, 0.5);
border-bottom: 3px solid transparent;
}
.header__nav a:hover {
color: rgba(255, 255, 255, 0.75);
-webkit-transition: color 0.5s;
transition: color 0.5s;
}
.header__nav a.active {
color: #fff;
}
.header__nav-t button {
margin-top: 5px;
}
.header__nav-t svg {
fill: #fff;
}
.header__nav__title--property:hover,
.header__nav__title--property.active {
border-bottom-color: #04ace4;
}
.header__nav__title--car:hover,
.header__nav__title--car.active {
border-bottom-color: #ef4538;
}
.header__nav__title--event:hover,
.header__nav__title--event.active {
border-bottom-color: #ad57a2;
}
.header__nav__title--article:hover,
.header__nav__title--article.active {
border-bottom-color: #f8981d;
}
.header__nav__title--classified:hover,
.header__nav__title--classified.active {
border-bottom-color: #e466a6;
}
.header__nav__item {
width: 600px;
position: absolute;
display: none;
z-index: 101;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
background-color: #fff;
top: 64px;
}
.header__nav__item--active {
display: block;
}
.header__nav__item article {
min-height: 300px;
}
.header__nav__item article .form {
padding: 20px;
}
.header__nav__item article header {
position: relative;
height: 30px;
margin-bottom: 20px;
}
.header__nav__item article header span {
font-size: 30px;
line-height: 30px;
}
.header__nav__item article header .btn {
position: absolute;
right: 0;
top: 3px;
}
.header__nav__item article img {
display: block;
}
.header__nav__item article .list--off li {
margin: 5px 10px 5px 0;
height: 14px;
line-height: 14px;
}
.header__nav__item article .list--off a {
text-transform: uppercase;
display: inline-block;
line-height: 12px;
color: #bac2c9;
font-size: 14px;
}
.header__nav__item article .list--off a:hover,
.header__nav__item article .list--off a.active {
color: #000;
}
.header__nav__item article .list--off .list--separator {
border-right: 1px solid #d7dbdf;
}
.header__nav__item aside {
min-height: 300px;
width: 180px;
background-color: #f3f4f6;
padding: 20px;
}
.header__nav__item aside ul {
margin-top: 10px;
}
.header__nav__item aside li {
padding: 5px;
}
.header__nav__item aside a {
color: #9ea8b2;
}
.header__nav__item aside a:hover {
color: #000;
}
.header__btn--signup a {
margin-top: 2px;
height: 30px;
line-height: 28px;
border-radius: 15px;
border: 1px solid #fff;
display: block;
padding: 0 15px;
}
.header__btn--menu a {
margin-top: 2px;
height: 30px;
line-height: 30px;
display: block;
}
.header__btn--menu a svg {
margin: 5px 0;
fill: #fff;
}
.header--sticky {
padding: 5px;
width: 100%;
height: 50px;
}
.header--sticky .header__logo img {
width: 161px;
}
.header--sticky .header__nav a {
height: 40px;
line-height: 40px;
}
.header--sticky .header__member {
padding: 0.5rem;
}
.header--sticky .header__member__menu {
top: 52px;
}
.header--sticky .header__nav__item {
top: 46px;
}
.header__member {
padding: 1.2rem;
position: relative;
white-space: nowrap;
}
.header__member:hover ~ .header__member__menu {
display: block;
}
.header__member i {
font-size: smaller;
}
.header__member a {
color: white;
padding: 0 5px;
}
.header__member__avatar img,
.header__member__avatar i {
width: 30px;
height: 30px;
border-radius: 30px;
}
.header__member__menu::before {
content: '';
position: absolute;
top: -10px;
right: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #aaa;
}
.header__member__menu__item {
display: block;
}
.header__menu,
.header__member__menu {
position: absolute;
top: 60px;
right: 10px;
display: none;
width: 200px;
border: 1px solid #aaa;
background-color: rgba(0, 0, 0, 0.75);
}
.header__menu:hover,
.header__member__menu:hover {
display: block;
}
@media screen and (max-width: 1000px) {
.header__nav {
position: absolute;
width: 100% !important;
background-color: rgba(0, 0, 0, 0.75);
left: 0;
top: 80px;
display: none;
}
.header--sticky .header__nav {
top: 50px;
}
.header__member {
padding: 0.5rem;
}
.header__member__avatar img {
height: auto;
}
.header__btn--menu a {
line-height: 28px;
border-radius: 15px;
border: 1px solid #fff;
padding: 0 15px;
}
}
@media screen and (max-width: 640px) {
.header {
padding: 5px;
width: 100%;
height: 50px;
}
.header__nav__item--active {
display: none !important;
}
.header .header__logo {
width: 50px;
overflow: hidden;
}
.header .header__logo img {
width: 141px;
max-width: inherit;
}
.header .header__nav {
top: 40px;
}
.header .header__nav a {
height: 40px;
line-height: 40px;
}
.header__user__menu {
position: absolute;
top: 60px;
right: 10px;
display: none;
width: 200px;
border: 1px solid #aaa;
background-color: rgba(0, 0, 0, 0.75);
width: 160px;
}
.header__user__menu:hover {
display: block;
}
.header__user__menu,
.header__member__menu {
top: 52px;
}
.header__user__menu:before,
.header__member__menu:before {
display: none;
}
}
/*--------------------------------
Currently used in ticket2u
a 60px fixed height header
z-index : 101
--------------------------------*/
.headerFix {
/*height: 60px;
position: fixed;*/
position: -webkit-sticky;
position: sticky;
top: 0px;
width: 100%;
background-color: #111;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAaRQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMalYaAAAAIx0Uk5TlhaTG6WwoBqyCx6sopscnacgq5cfmR2UkZwhlY4li5IjIiYpjYmQJ4iPJIyHhooog4WBfoSCKyx9gCotf3wuMjEwezN6L3l4NnI1dXd0djc4NHNwOXFvO2o8bjptPWw+aD9mQGtEZWlnQUJDRmNiZEVfYWBLXVxIV0lHTk9KXlJWWFlVVFtNTFpTUVCkyaWwAAAfsklEQVQYGQXBg6JsWYIg0Bh7WlVdVjrz5bN17Ygbto5t2977p3utXhseb5cOkcQlMSvlwcK1KN+kXuZFtaw8UKWGHiFOjR+F43DFHF/nyis8PMwvzc7QdS2qjnykhpWRQjtpLDpQTFUQhrP972J3uIwc3/WaHJF73IT3EHONyQqnTVQIxOGvt7JaF3K5XOM7dyDI1VQv1c0xv3T0lzAQ86iJX3cdkg41x1QCweVIKUGI1bm1XhO1cR+L/oaFys6joNLUSBbURm9bwK9yySmu+6MqCJ24VqSu5NofdmOlOGCp1ci5Ob8EObh89le18MLgAWbH/9ZUCR47kyJmcIUArlxGN2Ugzj/bN6fR9qJeC61niRtk516BTEF7QdOmB60uSSfTQ0TwrYLTiq/CFPBE+2AKf2eiGYkrWyQy44z/1CRs35oHxM4U8tBPNVTAGu4X0dq/5tcZs2TlDO7VVRolsSLyzO9t/aNh2FVvlJJQfLpVr0/qY6o37q0Yo3PxdGKWsibL6V8HxMcYGUev9C5qlrp/cDR1Llr8F8r4oToXReV3Rt8KA32bZwZ/4+38bTq5nqTPOmBjNJ8QK8KWQK8uxdyoNFxrle3Snen1ioqasN3qh+JNVdbGiid0Sbl2/TKfJQ+/cQuOMKw4mtKRN9TBhR1RtF67xTGJGQ8DnuKCq9mhpJgLJWqg9VfSb49kr3W0+DWjGaSSw0vQaapjdCyJoHEQykmbfVGDR90u41jAHpbuNfywT+mt6XpgJFeH4i4U0xRxm6Zu/rHSQv/+9+sG4rSnLJ2zrm75c33ohrzas+eJeBA8D2DBSWPsVGOIq5AsfEzUuNWD52wCbXh2XQyZENdvxrWzzCQk04N7slLfLyj+QZfCsixMS05gcNQwxfJZlkBiPZgC7zhVCjMOtV4weO994s/mVikag3ZnelFcdKVUb2kWMoJ1075OTiv4Wq/wlvvAnMFCN6Ic7MIujcr8b/NDQpaGbX78QR/GUFaTeQIK3OGkm9yxClW8FZvGsXs1Tpcz5WtNSdlDZbV6nglu6YZIfXoucMX99Me+/mYqMBEm4X2YhzRrhMbdL2i7YhttHXwOqWSb55ITmIXscoZzj76Kfa8rrZ0Ay/vhUKErGPfKlBRSyJfcWIidwlfoKnAevyxpUGpikcWZqnz6nDvZIxjGULjGmV+E5QscXHwX4I6MYHYsbEJgxPY6I3Y865Wwfl00a6TQHNPNF2d3k1Ztql4EciNK8/SVIf1+7sxkj5RM23h3nipnfF4U3X62c7VIVQk/twKoDTVwWB+nvlfLCa1bj3J+V3gn6SRqj4EqWOtwjYebhAph8NjHX+Db9mq75Hofkv9fsnrmLc+Cxthn1njneZNPdgfO4hnRGppVsqT/tAn2le397e3fN9E9ovzlL9e5DhdsFPACnKb5gYEZ7zDbrH5EufdFxxs/yxqX+DlXmmMq1HrLKs/z5H/pKj3NLfzhuHCCqg8liB0+vNGn7Sf+tChHoxPOP4cu/362qAtC0kNra8dVyzLP4Mgpf/Y3yAOeb5IyqSMRCXy3+mN2v9Flta4Yn1vBXimEZV/V1I3fRlU8Ed0q0/LQaNn2DOJlB45M5X0aajILyO0k9FJZA2o5ie+V1VwDGdgFebF1vrlT4ry4zQcedHIKBXkeVhsvkxsT8jW97S073GTf22Wm2yBN2TRDVaEldhl15MfHpDOllhIavGPJ+OB5Yje71SlEkGVz/6VEBT+fV9lFh9Od2xxK+a5ry0lU3yjQtcRPiCDSF0smi6c9ZDqbZso6afHA8L3Apl0LJJ7whAq3tY6+ZwkxYArATbCsYfe8U+9KNLtlW98Mbacuu7NR6NhOFzOcQKsA55FD15JuR7xsCCmuI7IO7qlDjxlLRmy02bpLxfoBncftvmGHUu6SYDOK+srqYwklx5dIjqUroTweFRrmQZZGiE5Z2eK2iXy/rD8d/+l5kcylD0Yht2mrdNmqDdgKURofrZWefrnJsVQsWnL48VGOY+AhZTf3qJpc6qhxYWyCNHrLCMnqPBgMulqj5CjaGH4/VajHzFIOK18eaVcu0XC/Cp148YVasVmi4zO9rTMjKhSAZmVvZ3l7bBVVvuQI0rP6XTudT24ZBVosD5PrR8nFMVEKPIJ/3K0qvq3TlG7ZFqkfWccRrGr7t5nGZleYH69t+yLaBKwEj7LtTHZRJkiDN9Kdt0J6BlOZeZh71maSHj4FikgDqcRmsUOsy3ZJhqFehZjNYgrd8utMC3KjYCOTICBQ7MQUILu3aDdxeVFOCNpVUcIX76jEKN9nSWYQ2PNTN3vdC8Qydo/dEWRi6OqW1ZxTNcYrgpeb09MHTZ3njxofDbBQtb6SDnL99QtwslhXy8jqLD8STMoTsbYdTxWwqSXJVmTAp0rZComyl7i6QY6a0iOaVIeBh0Zga4TzYmHN4hYY3Yw2jrNMdLya+rhdUHXkyJnXVfW+qQqbKCq7P8jbs82yX+OrVvKc31RBNPv6WNUiq32h13InyQrUcnlty4rTA3Z6N2nkK6NR+E91Q9tCtg19amUtZFPlF+GzJHj3Ew5TnswP6sFQNo0NK9aPNB1nBpGGRALr1PiN10oUIWfvVgXc1Mgd9ehTEh2MqiwtF1rvq9WMhZAeGx9okMJrWfPEkGkbpAuM6zRXEjcr/DY111+hvsdjXEawhkkcy6n0/z3urraN3gBE1+q2epXs+WTbTVMz44yqw/YZKBq8C2uT74W6H5MlaNZN6ibfZ8W+UCpSoaVl51TVo414nslTf5d3RC23QXov+keW33UzjztU0XFwjWAPrjZOQ1JrePpttq2T2AA89Yh+sVGtqmvPzoOm9+Adb2M1qAP0WHIcSPwkVkM+/pIqwZcWoI69l0UOo8LB2g7t9Tv3Vi3fMNdkZOWthWeVAe17/l9qUvWn60ZQm62fZtZLuVx+hCVRthL+Muadnt9VW91Zog+XeQXDQvNayj+JWgMDO1FMA104HNr7p4YZTs65g+PmYTMPSOMgWw44DVJF2qYv5WXfMCjj3WDXPSTC4rFsuyYfT3Y7Sl2YZaNoveCawhtnnR9MrfXS7GgTxLHrQvfndBk8GyTdKDDRZcYQiv1iL0nQ1tXtbUFxQdDySZRaEXYN+BtDeFt48raTnC6v7lrJqqyqTCuptqGjxv1el2eOOi/XUl6HVeXfyDZfJYVzWUbBIgpC6g1gaxgSIwqLpsJoYfnCGOyVg+ElTZfY98e7Tqq+P/DVpOqcZcIpbR5vfDLd3d5slkyodpDL7nuWrYcvdCOVeeXLg8n73rhuW+NaKOS4UjXHaaiSoW9e2RcL9fMnGvJck56aF3WAWOs8XWFVh3VQKBbG9PisEjmoWyy+ydXEtkmvwFu1nSFzuicrZbJT/1HCg5w3+MwWFFwyjbH26I0Tc6NJ20OXqEZKkeWjb2ceG7s0HTZ8Z0mLpEZhM9tZV5kEsM1macd4p47U9p1ppbLDpX57NPLlo5D0Bls7cNTPNpOgaxuD3cd/M0Mh0qrBFyPyqZd9o4FpHjQZpzhq0NXN3MtayO1duT3th/CC3ZY5cXnH7JWsKY15pFX4i8DeLuJ7PeJ3VhXtvKnS88Lvihto5BF0I2Dw2QF05HazFyxddvOH95draC9Ykfxr7uYyLKO62Yq//rYbCFYJjwJ3F7GHQiuOjAtJjbvk9ZQ1oiOKQCplBUtFjgodM07PqXd2/i6uujasmXTUNkE2NoESofFpdQxYC1Cla/hR0KjrrPqldoN8RJnjYvcQ3nmFATeVQ8c3L10K3u9RoVb2RbBCuIpLOe4Kb/xFdsSbtidaxfTO1O/L3Sqgp1HSiTHIVpKZZUX6hvnMXVSBV7hamutlu/VMikQ//HUi9+FWkpfJ8p6uxmJV1Cr/cJ5btknmghJbOTG35fUVXlgpzeyEpleuvU4/3iED30sCQ94PfrhPHSflunakZn2HKhh6HizLefn3ksOyCze6BfSwav6BgHi7AQtekhN2VGL+b09tw8jI+oqMcNDZTTxdPSd/qOafWHjS+9rmka+VpmC1rKOyCZwI9R/exB3NpeX/2XdjwY2ZQ7NuvrhXthcFxmfKlB+d6PiFVTcLfCmFo/jYDgKnDvYGaCYl49g1vCOHEPslDZJ4S30oux6cYQgox+mbtaaQsK2SomOSjYu0cGl2d1hQDmvNMy35ofp5SAQlS1Jd3XjWY+S/TKg2dD652JYjItaMg3m35fMdsSu7u01d123Z/kmxGTJlesmqCFxXn6n8bpcFEsE8EhwV2Yf7yjRqjC3moDUzr7yJVjnkE/vLgjJsKTPh1rltI75F72/xirBylLxyJS573DJZ6ThJQSuTokUK33+ItnXPCkoBVaJb3+FDw8OurIrjm5qbXq21n3zfRP3IOJJ3asbzU9/FVElp2KRUY4mCA5894qXzDj4qmXPgknUbcQcHzZmbom2ybBmqNZfav7Yw7RWGjFoRy4V1EYK2pXmE1pKUpokwPVCspoACXvIHRbtHNe2mbrCFvIOB437CUsaxk/ejf/2/mN9WtqfGfEWWgzQimpaDGsZXQl03cXTg6rL3zIy8K7FQaMOg0BjcA1H039QE5dJSLFV27t0XaDn9YX9QixC4puw9PEUTtpMf28y6DA3ol/xVQborN+2YnKxgg+Pawk+n/7ZOG7SCkyba5D0n5/Jnnk/HkV2wRWwfwYt3YTuxkn1pzvJMBGxM04w/3taOPYu9ff2DJZ7fBZXuHoO8DUCXJjtdeuDW8kqoxduypFa7MXAm1yPiUkrD1WB4HPaeJ7kp1Y5naGEgOKioLDM/IA19kxzSPPWkue8f9MYb8zfKzFKrKHSMhcQGAoQFMUyk9WvyYG6sBtzvw4EUnmPr2ze3bDztQONFUg0lO1LL3g80L0KtpPP4nK+xIo7q4NMozilxiwQGY1zc5T50ilRjMju+A1/r7N0wofxC2H1uMD11+L4hZyeP5/9u6nIjX20amyz05d2B2ueHcW757vJ3xHlv/D4z0AW4w99+VSop2VnZUtFAURmUMn0r4ofoHg+3bKoaKQlOK7rBfRavPwf17Gem8/ysQynXTvuQ2JdobPfnokPR/l1z/2Wf5PdiIMRJoMDeJfKNwMiU6JoKdHGzs9Qm1U34BbEx5GwUuXvmj5/CWu4gPB0xFyko4BhGVFtbfF12WKx+Bv/9mPhc48MA5Ll6jE72OVON6vFlxoXr268rtmB6MtprC39GGm6UdYcMCK6P4j/9mBKuY+60Yrs/0W/dztduFSdN932r3ej6dqG+uao23pd4kbIEGjsQfjPzn39k/VI2D/cL46Gv49v/mb8CuwwKftmT7rIQrXhXDmusMzvYlHGqz1wDg3/+aP0r5/kAWAvXPm4O0TJ4FcLZYkXYtrkOHXFDxSklG01Mj+rV0nqdQs7rAptbGcUg3Vd32tfQfp0Bmu9V7Gs8aUUxT8FwUeTV/kPu/dLJVVOzlO+Rqc18lknhD4NFHjasnIOpVobONhqTVRHV6p4efQDB9jYBlXZ9XBxfaYStOVhYFKoZFoeJ5yU8/rRXSQEGbQYWwgTGKvy4v072XqWo2ryFSudx8Of3J4sBmo8gP3fDhoClaNnATI9erIzx6h0H0gbbBxOc1fQs2DpwmPgF0RTxW4WKC5KzpVLrSedYV6rQvmqYWXIdMhH0z/LM9GOTAi0wvbKJLQJ7p4b3gUuzh3dpwG0s2GKH89Rso4NXRMmkfMRZbuRQQK0gDAt9G6TfZ+3Bp0lylA3Vspcw8syxSV+3qwSh6RUNbjxNkbiv/wyU1Y/JC/aPOv/4OL8gjarztqbD3dNTO0E5GUuCGiRSbl810vV1qt2I/FIUjxn2UTqdp0RNw1YH4mGeSGUvva6ZLsuiKm/2m4Of2nkHUSjM89JYXpEAOM/XElkoJIZFWHPVCfwTJPIgiremFnfDDp+YXfd4EO+PpbNZPhnV07oypat/Iiu7L9uauJoksdSrwq7RynZ9VhjA8qvaOR+X0n5d/+XsfNyyxy/7/xxfIlXjiPxV0t1IFLzcK12n4iu21d+JGX0kR+heWRNCVY2hQ1ZyYR4OyNmpXXzatE1zb4gF0fvVfoNVF9Z3lPOPT5KcVEFhbLTs5KEdoORurGYcYp+9O0Sv4peGU6MQT3lGk38+LDqyKeLSfD/5x2b/LxvWLnbQMk0sLHkGgtdh5we1knMAr1tJ7Xmry7uVyvWfLHA9hZ0WTwSf3aINPZp7TrN8y5tMUmxNxhRCPHDfJmI+H4fJDtRwWKAtKZNGE3pyEjNZ61NmmcqWhQtYsmKZutGyrXAJQ7uXFrv8A8Na47oObg0/216aUz0AwZ3i5vnj9nOOfTuXedNP9FVUrpsH82+2mIq/GiFU4jH4qaFxyTaVTACM2fongb/ErQE1tyNvtKtDO9U+h4nZw0JOrTdysbvDiLnHacLBrC+FV3mYvf1nGNYqBDjJJOaZZdWwZZUX2jVWKp05ttKzRs6Q/wJpsitdOTGsGrdvSQ3e1cqt081eSdeVjVLN4wUV9KQqEbISaTopru4VW8qlRhPPp/R0qtGqPsDl/gYkYodqgicd1Y2IG/jXx1hyvZuSX2htu1KtZkDe1XVDgQjuRPebUB/IqJUWTXcq8KHvAKtn+G3DtgilAZfNJl+tHDE1uXSeTPmohUluVGFf5FWnTty8+GnrRi7X5S7qLgrow2x+ZN8WMr2GlJh5XrKQbtYomRw/Y+a9+fGWd8QkeFr4jz1C3dsO0mqO7lnZgo04WGVpcXY3HPApZXmfrC8qt8iT5g128NLAjfXQgMKvbcMbfTQax0Q0WtUV75+Wvu5ELodhF2+7SyjyoRjFj2gfJCmm9KokrA4J08dqVLeEUdiVIzEczC8tRDzbe27Wr67tB0zRuwokD6n+lo0vjhpo9nYFuKX5QuILNjFor7zZ5lGHzhp42l/Y3b+7UDSjZBuUTZpJPcxS8qs1P1eZo0ZMAa8tj/IXvBPkxzpZa7Lg/oN5NFkt5j2zwaIms84KiohaPnKE49NWzLTTvXi3szrbiY3EPHn4c6ciJsqnljA4xldB39K9sBcFzyBC5BKIVxFE6/rRaWrWi4ykIjZuEajL68gw85TWyFZ9ilbvzuNCJ5QaIZ6nCfstuZ8d97umloSvnJFffD8zk1mq3afkh4GkjzwYfE3BEuvR3oUmX1S4HyStriBxrobRijsIJvMBeJau9P1a3YWaVQI0hg6o10CTO+TRl28syU/dkYd81f7chuBI3aJNSpTfyaNTUu7mqwVMim5yJ4B91os3hndehiP2C1HMwJufLt+a3ut8CoUZ9W350oljULvbX1SyYPg2FSDHsF5+ld8buR1ceDmHLfRdZBgdQLzXE/E+iZsTK5GCT1xXiIpINMXmp5jvpTdoOcxVrzCizDkX9aJTlgAhHXEoU0h5oTedbdEWb3nVh9IeP/0AC616ro5MZjDBPgNmWaM//qe0Fmv0kloLPk28i3+7XO36Yp1kGdPm+denVt7D6RHxBmlUU36IabbxluBRFktte0s7lvWV2pk3Z2GYelWbIsGfvL9zhEM0zt7lM9lcyEb4Y5zqUdRtPrdboKeub9KhECkje3rrnXN1wVCFdi71VnuwqaNcuLEsR5cwsYtosVHauaXUSaCYzr7grb9p4cv3wXP4Ak/q/Z8v/dQlrpXiO1oNJ9e8zrQfcDIXM81pXQdHMkPSBZCpnSq1yb1+ZeylXsPw/cPD6xvHWsNgCXERB0rafOt6bt7t7IHU1g5Lf5fk8QXNrXio6/9vGq9oHxQeEF2qXVbSt10EPKi82YYRY9LXYw2QqV+oyUI6dSFUKZj1DnbzRXG3hkSYHPQjKaOorUsdBw8tW+XMbg7uG8zxd3cW4NQsF3Ug7uNGL5jc+gN6HpqWeRy6WSdsVnt65uWAiwNlWDL7JPgZjcPkhf+r4B57qpmc3gnOzozM5k/TVTwL2tIS418X5eUmciP66sabjF6EPJp+b4kejrZVkp+0cYVIhE96dcJX0GNdTZbtJI8goUVh67KZ39WB1lVZBD9uHL/Xucfio79U7DDi5BPvF0SK40gvEG4+d4vB82CnWk08ccuYr6V2ls8RQ4Ac7hzfFSpa5daMZG8let59pIBSPNHuRkyp2sTZewClY9f9jym9AU/QXpW4dZqU2e1cR8LwEYndfWM2hV5P1tlcbn8+mQRFUpDZ96CV/6hK9J90Z6ElMzdfEnzV5LUTWEXWrUsAiOumitThkuAxC+77LOlkhkJpM9/rcRJi7GMOCeOBU4cdBp4FuSxbKZ6DzNaz+YPanyUuY8yDsu0sNoh16K44T0j7dHZxCysOds1J8M3qwNJ6mB0AJRBz5lUgji8b5/NBEym7aHpw2prPunQRckfDRvSY8VerSzZllUEXrA4BUk6DTG85VVAJvK22afONWEBlMFtBjHsO1DHFDYb+291tslhzU1IQxbasB8vIAI9MzCAX9Wo5vOipHaHWRtcQR/lAWsoafPINiFNEIhyTG5toHS3i0rY1FC9P61VnR9bV0G3dbplbV65cxSwC+bZtkyA3y5dv6PxtuymlhAlsd6vdcTVsi9TrVXI28pG9nZwsQXcs/WIa750ilhUxMkNm2XXs2Y8O2v+o51qiXQ8Vv+zjD3XmZfrdRs4kwuVXSCXTbver95vmOschGSrUhBnvAB/VuF6Rxa7ptXi5OBx00hflKonHi5RaPdDpJSzF7StHdcpnrDbtt9J4lww5VeECPhLsMBGq9+m95ASpFaMLNkTcxxQwqfq8VYLjeg3jwnY16YZORWRfN1bPK7SnsEmGESNQCrr7yJDEko7el9cgSMIgTUqhxFt3o95UWZiaWg1btxpFKEvqLQBoiIKcFnC3zczCbIagrlzX7fLURO2v6X4GA587rPDetvOLyCqHc6Yww2YcbG8X1aRYVCfVMdzTzM2aRqSZtnI4Lv6zdUKusbp9gf7h19TUZD/AC6JpJCaqSwF0H2roiTO0P/mWtiH/4L/rbj58rYnl9Gsv9H1vXia6XCd7sY0jzjtrKBCrH2aRSnDDsGMMfYcY7UN78avbBbqwS1IYgbij4IPq450Ud02hBFAeYVIFf/Q1Bc72B2LXn16OdipfhaXc9mItqdhEK0WxXZOVXzK+wYRPSMb1jLU10wVa10gPbIc6Owau5zKkr1e2GzZdB/+2VjJWV0PTYMIR7eL7YXuu1CEWsrFsDECmWYZbCshJ1JP0jmqobSRAcgDMHfJkOzZD95dq7ZQpS30XAImJ6qzslN1f/o7aHOrsWCaBSPjBnndHrK7f8hIfdHVk47rpfezvqrfOIyQ4HoXG0/tMrcVcjHsZOvHXnZ/V5XPQgDgMHoS0MKBbeC+MyVguwzkjy1XeDkT23uwOoTSrqpdKs2Nf/whUpvNKXrZnt5v3//UA6dPJCgtxOyrtD50ZfGfOoaEcpxTWO0lvX0zEzV2+n1i+GESda1iAZRuLgKCFVfckTh+9xi3T5g46wshk+iKR1Tre9pOFuQ8w72Q8qdj4L9ul5ePuljWHFw8qz8YM80cOorQlBLLWg8UBcMnP7Ndq9/Ug4kYWr2JzlO7atGkwbyGhSZU4QdMxydoa00Ze1MaVE2JadrtSJwGsfbrl7F0Y2YT3GdwMi3anTMMtD10ldys0b8Oovu1Fqi+Qj2yAOJaPRZrVepMVCBGVimkM8x6KArsu/Pd+ReLvS9df2OoJPffNwNaUB7Mfq7Etv9h3eZWiPjlAOSpaOBzn5KbuRZ3ZzqLQE42wZz6S3dr53KAOZtD5Cd/eLvpktUmePrphRxe2WuUL+62ySxKiWNQxAJHT5xXOU0eVDl2fHyoj0dV1nQn0l1EEKDH9cOs8z2bCA4w/n7EcleleT7aJTcV6jCmO8CO57r7fU/NJ6c8NM9WwMI8zstNVEuThtf0UcFVHiLKslx6uBcnkOHy2zLC4i+XyXOA/ez91G/M+W6f01br6VRU+/qWTIr1b7HsuXNnq2sBkpmnsA6EjYtGV6zrI6yxKyk3Ddqpbu447FTtDN0zrTE3B8L54PhXyB9aqTr3C52OtchdowMax3Uo2Q5370vt0vtCzojBTRwM9/eO0UGQRO5YHq1Nb2s9BlEHNRQ/oRtPKu/CiYBecIle1FAvZ8NUYkDy28ZHoEi/R9ZOGgvmju1FqX/M5P49uDWoPfJP6Js3uDX06qdeqZPaqzYPv73ztSe1eScFg9kCE4cMd+4WoYgTDQqPgExPNYqmSPLiKPn+LlnDT2V16zFKVDCBpzx+htzmWVhSXNTDJB9UHcmbYVqE8UFXwObMJvifnjDL9WOGaWeRsW4UEh0hHNvbvJm3/IKzF1WmWwsJMxer4kvnzWxBGmzkfzjIb/NDxCbcLuC6bujbJ41O0dVqhlY73zQoEjqHnsEQekqKzejcmAHEiEkHz7zsgatb0kH3pmoPgEk0St2AmKYip3MFk9V5Nm7q47sj8T8mIOTjTRt2LLBDp9UVFdI7Pa+p1ozeChH3WIQcar05/j8d2FhZqz1Q3kYMGQiHbLV2i1HEfw6qprmjfyGk+MI9Z3sjM2H+lg2a+q6V79RBx4qZeQi8xXOWnMsfu2tqxyqUuecL3+5ijd0F3Ff+14xx3RJSreZz2JOvYVjeyWLyCdnAp5AKRPLu/FWi9PgLhsQ9ja3bphs0nCimW6GkXEz6XFfbeFMTZxczcBwg4aQz7qDTLsv1s0VzZV+089PVDpMBF7LutaT32frEKnZSzEG40dq62Huqh8NyDBIXJv8tOa31DuRLhk7Byn+j9MByMC7Jd5EtzvXCksA0etm6TbcaQX2RzojFLZpiFebI8qMVyxaddkrvkzv4Pt7iFz9PXmP4AAAAASUVORK5CYII=");
-webkit-box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
color: #fff;
padding: 0 10px;
z-index: 101;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.headerFix a {
color: #fff;
}
.headerFix__logo {
height: 60px;
}
.headerFix__logo img {
width: 160px;
}
.headerFix__nav {
margin: 0 0 0 1rem;
overflow: visible !important;
}
.headerFix__nav > ul {
list-style: none;
position: relative;
float: right;
margin: 0;
padding: 0;
}
.headerFix__nav > ul > li {
position: relative;
float: left;
display: inline-block;
height: 60px;
line-height: 60px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.75);
}
.headerFix__nav > ul > li:before {
border-right: 1px solid #1a1a1a;
border-left: 1px solid #000;
margin: 0;
height: 60px;
position: absolute;
content: "";
}
.headerFix__nav > ul > li i {
color: rgba(158, 168, 178, 0.5);
}
.headerFix__nav > ul > li:hover,
.headerFix__nav > ul > li.active {
color: #fff;
background-color: #333;
}
.headerFix__nav > ul > li > a {
padding: 0 1rem;
}
.headerFix__nav > ul > li a,
.headerFix__nav > ul > li a:hover {
color: #fff;
}
.headerFix__nav > ul > li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
min-width: 100px;
max-width: 320px;
border: 1px solid #fbfbfb;
-webkit-box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.2);
}
.headerFix__nav > ul > li ul a,
.headerFix__nav > ul > li ul a:hover {
color: #35485d;
}
.headerFix__nav > ul > li ul li {
line-height: normal;
}
.headerFix__nav > ul > li ul li:hover {
background-color: #f3f4f6;
}
.headerFix__nav > ul > li ul li a {
padding: 15px 20px;
}
.headerFix__nav > ul > li.active > ul {
display: block !important;
}
.headerFix__nav__mobile__inner {
position: fixed;
width: 250px;
}
.headerFix__nav__mobile__inner a {
color: #35485d;
}
.headerFix__nav__more.active {
display: block !important;
}
.headerFix__nav__more__inner {
color: #35485d;
-webkit-box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.2);
-webkit-transition: all 1s;
transition: all 1s;
width: 0;
position: absolute;
background: #fff;
right: 0px;
padding: 1.5rem;
}
.active .headerFix__nav__more__inner {
width: 300px;
}
.headerFix__nav__more__item {
text-align: center;
}
a.headerFix__nav__more__item {
color: #35485d;
}
.headerFix__nav__more__item:hover {
background-color: #fbfbfb;
}
.headerFix__nav__more__item:hover .headerFix__nav__more__item__img {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.headerFix__nav__more__item:hover .headerFix__nav__more__item__title {
background-color: #35485d;
color: #fff;
}
.headerFix__nav__more__item__img {
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
font-size: 25px;
display: inline-block;
}
.headerFix__nav__more__item__title {
-webkit-transition: all 0.2s;
transition: all 0.2s;
font-weight: bold;
padding: 0.1rem;
border-radius: 4px;
}
.headerFix__nav__more__item__desc {
color: #7994b2;
font-size: 14px;
}
.headerFix__seperator {
/*border-right: 1px solid lighten(@dark-dd,5);
border-left: 1px solid @dark-ddd;*/
border-right: 1px solid #1a1a1a;
border-left: 1px solid #000;
margin: 0 1rem;
height: 60px;
}
.headerFix__avatar {
width: 25px;
height: 25px;
border-radius: 30px;
}
.headerFix__nickname {
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.headerFix__btn--signup a {
height: 28px;
line-height: 26px;
border: 1px solid #111;
padding: 0 12px;
display: inline-block;
background-color: #333;
}
.headerFix__btn--signup a:hover {
color: #fff;
background-color: #444;
}
.headerFix__btn--signup a:first-child {
border-radius: 4px 0 0 4px;
}
.headerFix__btn--signup a:last-child {
border-radius: 0 4px 4px 0;
border-left: none;
position: relative;
margin-left: -4px;
}
.navAlpha .headerFix__avatar {
width: 60px;
height: 60px;
}
.navAlpha .headerFix__nickname {
margin-top: 6px;
margin-left: 10px;
max-width: 140px;
text-overflow: unset;
white-space: unset;
}
.navAlpha .headerFix__nickname:before {
content: "Welcome back,";
text-transform: none;
font-weight: normal;
display: block;
font-size: 14px;
color: #5a7a9e;
}
.navAlpha .headerFix__btn--signup {
margin-left: 10px;
}
.navAlpha .headerFix__btn--signup a {
margin-top: 4px;
text-transform: capitalize;
color: #fff;
border-color: #fff;
background-color: #35485d;
}
.navAlpha .headerFix__btn--signup a:hover {
background-color: #48617d;
}
.navAlpha .headerFix__btn--signup:before {
content: "You are not logged in,";
text-transform: none;
font-weight: normal;
display: block;
font-size: 14px;
color: #5a7a9e;
}
@media screen and (min-width: 1000px) and (max-width: 1260px) {
.headerFix__customHide {
display: none !important;
}
}
.hero {
min-height: 350px;
overflow: hidden;
-webkit-transition: height 3s ease-in-out;
transition: height 3s ease-in-out;
}
.hero__loading {
min-height: 350px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.hero__item {
display: block;
width: 100%;
background: no-repeat center center;
background-size: cover;
}
.hero .carousel {
overflow: hidden;
position: relative;
}
.hero .carousel .lSPager {
margin: 0;
bottom: 0.1rem;
width: 100%;
position: absolute;
}
.hero--adaptive {
height: auto;
}
.hero--adaptive .hero__item {
height: unset;
width: 100%;
}
.hero--adaptive .carousel {
height: unset;
}
@media (max-width: 1000px) {
.hero {
min-height: 200px;
}
.hero article {
min-height: 200px;
}
}
@media (max-width: 1000px) {
.hero {
margin-top: 60px;
}
}
#hero {
text-align: center;
height: 400px;
padding-top: 40px;
position: relative;
color: #fff !important;
}
#hero .h1 {
color: #ffcd3e;
font-size: 5rem;
line-height: 1;
}
#hero p {
letter-spacing: 0.1rem;
font-size: 1.2rem;
margin-top: 10px;
}
#hero .pill {
color: #fff !important;
padding: 5px 30px;
}
#hero .pill:hover {
color: #000;
background-color: #ffcd3e !important;
color: #000 !important;
}
#hero .bg {
background: url(/public/video/page/landing/clouds.png) no-repeat center center fixed;
background-size: cover;
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 400px;
z-index: -1;
overflow: hidden;
}
#hero .bg video {
height: 100%;
max-width: none;
}
#hero .searchbar {
margin: 0 auto;
width: 600px;
height: 50px;
max-width: 95%;
}
#hero .searchbar ul {
margin-top: 50px;
width: 120px;
}
#hero .searchbar .selected {
height: 50px;
line-height: 50px;
}
#hero .searchbar input,
#hero .searchbar button {
height: 50px;
line-height: 50px;
}
#hero-cloud {
margin-top: 30px;
}
#hero-cloud a {
text-align: center;
width: 80px;
height: 80px;
}
#hero-cloud a i {
padding: 0;
display: block;
width: 50px;
height: 50px;
border-radius: 50px;
line-height: 50px;
margin: 0 auto;
font-size: 25px;
color: rgba(255, 255, 255, 0.5);
}
#hero-cloud a div {
color: #fff !important;
}
#hero-cloud a:hover i {
color: #fff !important;
border-color: transparent;
}
#hero-cloud a:hover div {
display: block;
}
#hero-cloud-property:hover i {
color: #fff;
background-color: #04ace4 !important;
}
#hero-cloud-car:hover i {
color: #fff;
background-color: #ef4538 !important;
}
#hero-cloud-article:hover i {
color: #fff;
background-color: #f8981d !important;
}
#hero-cloud-event:hover i {
color: #fff;
background-color: #ad57a2 !important;
}
#hero-cloud-classified:hover i {
color: #fff;
background-color: #e466a6 !important;
}
@media (min-width: 1441px) {
#hero {
height: 375px;
}
#hero .bg video {
height: auto;
width: 100%;
}
}
@media (max-width: 640px) {
#hero {
padding-top: 50px;
}
#hero .searchbar {
width: 95%;
}
}
@media (max-width: 1000px) {
#hero .h1 {
font-size: 3.5rem;
}
#hero-cloud a {
width: 60px;
height: 60px;
}
#hero-cloud a div {
font-size: 14px;
}
}
#map_canvas {
height: 300px;
}
#map_canvas img {
max-width: none;
}
#map_canvas #small_map_canvas a[href^="http://maps.google.com/maps"] {
display: none !important;
}
#map_canvas #small_map_canvas .gmnoprint a,
#map_canvas #small_map_canvas .gmnoprint span {
display: none;
}
#map_canvas #small_map_canvas .gmnoprint div {
background: none !important;
}
.mat1__header {
-webkit-box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
padding: 1rem;
display: -ms-flexbox;
display: flex;
}
.mat1__header__title {
color: #35485d;
text-transform: uppercase;
margin: 0;
padding: 0;
font-weight: bold;
-ms-flex-positive: 1;
flex-grow: 1;
}
.mat1__header__icon {
padding: 0 5px;
}
.mat1__footer {
-webkit-box-shadow: 0 5px 2px rgba(0, 0, 0, 0.02), 0px -5px 5px rgba(0, 0, 0, 0.08);
box-shadow: 0 5px 2px rgba(0, 0, 0, 0.02), 0px -5px 5px rgba(0, 0, 0, 0.08);
padding: 1rem;
}
/*@import "ui/messaging";*/
.navAlpha__header {
margin: 0;
padding: 1rem;
text-transform: uppercase;
font-weight: bold;
-webkit-box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
z-index: 2;
}
.navAlpha__header__title {
margin: 0;
}
.navAlpha__content__list li > *:not(ul) {
display: block;
padding: 1rem;
}
.navAlpha__content__list li img {
width: 30px;
height: 30px;
}
.navAlpha__content__list li i {
font-size: 20px;
}
.navAlpha__content__list li i::before {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.navAlpha__content__list li span {
margin-left: 0.8rem;
font-size: 1.1rem;
}
.navAlpha__content__list li.active {
background-color: #f3f4f6;
-webkit-box-shadow: 0px -2px 0px -2px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0px -2px 0px -2px rgba(0, 0, 0, 0.05) inset;
}
.navAlpha__content__list li.active a {
color: #ad57a2;
cursor: default;
}
.navAlpha__content__list li.active a i.right:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.navAlpha__content__list li:hover > a {
background-color: #f3f4f6;
-webkit-box-shadow: 0px -2px 0px -2px rgba(0, 0, 0, 0.05) inset;
box-shadow: 0px -2px 0px -2px rgba(0, 0, 0, 0.05) inset;
}
.navAlpha__content__list li.navAlpha__content__list--divider {
border-top: 1px solid #f3f4f6;
margin: 7px 15px;
padding: 0;
}
.navAlpha__content__list li.navAlpha__content__list--header {
padding: 1rem;
font-weight: bold;
text-transform: uppercase;
color: #35485d;
}
.navAlpha__content__list li.navAlpha__content__list--divider:hover,
.navAlpha__content__list li.navAlpha__content__list--header:hover {
background-color: initial;
-webkit-box-shadow: none;
box-shadow: none;
}
.navAlpha__content__list li a i.right,
.navAlpha__content__list li a span.right {
float: right;
}
.navAlpha__content__list li ul {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s;
transition: max-height 0.3s;
}
.navAlpha__content__list li ul.active {
list-style: none;
max-height: 300px;
background-color: #fdfdfd;
}
.navAlpha__content__list li ul.active a {
color: #35485d;
color: unset;
cursor: pointer;
}
.navAlpha__content__list li ul.active li {
padding-left: 15px;
}
.navAlpha__content__list li ul.active li:hover {
background-color: #f3f4f6;
}
.navAlpha__content__list li ul.active li:hover a {
color: #ad57a2;
}
.navAlpha__seperator {
border-bottom: 1px solid #d7dbdf;
margin: 6px 0;
}
@media screen and (min-width: 1441px) {
.navAlpha__content__list li span {
display: inline-block;
}
}
@media screen and (min-width: 1000px) and (max-width: 1441px) {
.navAlpha--desktop-hide-text .navAlpha__header {
display: none;
}
.navAlpha--desktop-hide-text .navAlpha__content__list li {
position: relative;
}
.navAlpha--desktop-hide-text .navAlpha__content__list li > *:not(ul) {
padding: 0.6rem;
}
.navAlpha--desktop-hide-text .navAlpha__content__list li img {
width: 100%;
height: auto;
}
.navAlpha--desktop-hide-text .navAlpha__content__list li span {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
position: absolute;
top: 0;
left: 37px;
height: 49px;
background: #10161c;
color: #fff;
padding: 10px 20px;
white-space: nowrap;
z-index: -1;
}
.navAlpha--desktop-hide-text .navAlpha__content__list li:hover span {
-webkit-transform: translateX(0);
transform: translateX(0);
/*z-index:0;*/
}
}
@media screen and (max-width: 1000px) {
.navAlpha__header {
padding: 0.8rem;
}
.navAlpha__content__list li > *:not(ul) {
padding: 0.8rem;
}
}
.navfilter li {
display: block;
float: left;
padding: 0 15px;
border-bottom: 3px solid transparent;
height: 40px;
line-height: 40px;
}
.navfilter li:first-child {
padding-left: 0;
}
.navfilter li > a {
color: #000;
}
.titlebar .navfilter li > a {
color: rgba(255, 255, 255, 0.75);
}
.navfilter .dropdown-menu {
z-index: 2;
width: 250px;
}
.navfilter .dropdown-menu li {
display: block;
width: 100%;
padding: 0;
border-bottom: 0;
height: 40px;
line-height: 40px;
}
.navfilter .dropdown-menu li a {
color: #000;
padding: 0 15px;
}
.navfilter .dropdown-menu li a:hover {
color: #fff;
background-color: #000;
}
.navfilter--red .dropdown-menu li a:hover {
background-color: #ef4538;
}
.navfilter--orange .dropdown-menu li a:hover {
background-color: #f8981d;
}
.navfilter--yellow .dropdown-menu li a:hover {
background-color: #ffcd3e;
}
.navfilter--green .dropdown-menu li a:hover {
background-color: #26A65B;
}
.navfilter--teal .dropdown-menu li a:hover {
background-color: #19A89C;
}
.navfilter--blue .dropdown-menu li a:hover {
background-color: #04ace4;
}
.navfilter--navy .dropdown-menu li a:hover {
background-color: #1073B9;
}
.navfilter--indigo .dropdown-menu li a:hover {
background-color: #7B73D5;
}
.navfilter--purple .dropdown-menu li a:hover {
background-color: #ad57a2;
}
.navfilter--pink .dropdown-menu li a:hover {
background-color: #e466a6;
}
.navfilter--gray .dropdown-menu li a:hover {
background-color: #9ea8b2;
}
.navfilter--black .dropdown-menu li a:hover {
background-color: #000;
}
/*
Navigation with flow
For payment/checkout flow
* Suggested steps: 4~5 steps.
*/
.navLine {
border-radius: 0.25em;
background-color: transparent;
padding: 0;
}
.navLine li {
display: inline-block;
float: left;
position: relative;
padding: 0;
margin: 4px 4px 4px 0;
}
.navLine li .number {
font-size: 2rem;
}
.navLine li .desc {
padding-top: 10px;
padding-left: 10px;
vertical-align: super;
}
.navLine li::after {
content: '';
position: absolute;
top: 0;
left: 100%;
height: 0;
width: 0;
border-style: solid;
border: 33px solid transparent;
border-right-width: 0;
border-left-width: 20px;
border-left-color: inherit;
display: inline-block;
margin: 0 1em;
z-index: 1;
-webkit-transform: translateX(4px);
transform: translateX(4px);
border-left-color: #ffffff;
margin: 0;
}
@media only screen and (max-width: 1000px) {
.navLine li::after {
border-width: 18px 0 17px 13px;
}
}
.navLine li > * {
display: -ms-flexbox;
display: flex;
font-size: var(--t2u-font);
position: relative;
padding: 0.6em 0.8em 0.6em 2.5em;
color: #35485d;
background-color: #edeff0;
border-color: #edeff0;
}
.navLine li > *::after {
content: '';
position: absolute;
top: 0;
left: 100%;
height: 0;
width: 0;
border-style: solid;
border: 33px solid transparent;
border-right-width: 0;
border-left-width: 20px;
border-left-color: inherit;
z-index: 2;
}
@media only screen and (max-width: 1000px) {
.navLine li > *::after {
border-width: 18px 0 17px 13px;
}
}
.navLine li:first-of-type > * {
border-radius: 0.25em 0 0 0.25em;
}
.navLine li:last-of-type {
margin-right: 0;
}
.navLine li:last-of-type > * {
padding-right: 1.6em;
border-radius: 0 0.25em 0.25em 0;
}
.navLine li:last-of-type > *::after {
display: none;
}
.navLine li a:hover {
color: #ffffff;
background-color: #35485d;
border-color: #35485d;
}
.navLine:after {
content: "";
display: table;
clear: both;
}
.navLine--purple li.visited > * {
color: #ffffff;
background-color: #be79b5;
border-color: #be79b5;
}
.navLine--purple li.active > * {
color: #ffffff;
background-color: #6a3463;
border-color: #6a3463;
}
@media screen and (max-width: 1000px) {
.navLine li > * {
padding: 3px 3px 3px 17px;
line-height: 2;
}
.navLine li .number {
display: none;
}
.navLine li .desc {
padding-top: 0;
padding-left: 4px;
vertical-align: super;
font-size: var(--t2u-font-s);
}
.navLine li:first-of-type > * {
border-radius: 0.25em 0 0 0.25em;
}
.navLine li:last-of-type > * {
padding-right: 1.6em;
border-radius: 0 0.25em 0.25em 0;
}
}
/*fallback*/
#mastnav {
background-color: #1073B9;
margin-bottom: 20px;
overflow: hidden;
}
#mastnav a {
float: left;
display: block;
overflow: hidden;
width: 99px;
height: 40px;
border-right: 1px solid #0a4773;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
}
#mastnav a span {
line-height: 40px;
display: block;
text-align: center;
}
#mastnav a span i {
display: block;
line-height: 40px;
font-size: 18px;
}
#mastnav a:hover {
color: #fff;
}
#mastnav a:hover span {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#mastnav .active a {
color: #fff;
background-color: #0a4773;
}
#mastnav .active a span {
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
@media (max-width: 1000px) {
#mastnav {
margin-left: -2.1%;
margin-right: -2.1%;
}
}
ul.cloud-side-nav {
margin: 0;
}
.cloud-side-nav li:nth-child(n+12) {
display: none;
}
@media screen and (max-width: 640px) {
.cloud-side-nav li:nth-child(n+9) {
display: none;
}
}
.cloud-side-nav li:last-child {
display: block;
}
.cloud-side-nav a {
display: block;
height: 60px;
font-size: 11px;
color: #868686;
text-align: center;
border-bottom: 1px solid #e9e9e9;
background-color: #fff;
}
.cloud-side-nav a:hover {
color: #868686;
}
.cloud-side-nav a:hover i {
color: #7c7c7c;
}
.cloud-side-nav a:hover svg {
fill: #868686;
}
.cloud-side-nav i {
display: block;
font-size: 30px;
color: #bfbebe;
height: 40px;
}
.cloud-side-nav i svg {
fill: #bfbebe;
height: auto;
vertical-align: middle;
width: 45px;
}
.cloud-side-nav .featured-nav {
font-size: 14px;
color: #fff !important;
text-transform: uppercase;
background-color: #0d73b9;
}
.cloud-side-nav .featured-nav i {
height: 34px;
font-size: 25px;
color: #fff !important;
padding-top: 3px;
}
.cloud-side-nav .line {
border-right: 1px solid #e9e9e9;
}
.cloud-side-nav .more-nav {
height: 30px;
font-size: 14px;
color: #fff;
line-height: 30px;
background-color: #bfbebe;
}
.cloud-side-nav.expanded li {
display: block;
}
.cloud-side-nav.expanded li:last-child {
display: none;
}
.navSecondary {
height: 80px;
width: 100%;
background-color: #482343;
z-index: 15;
position: relative;
-webkit-box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.2);
}
.navSecondary + * {
margin-top: 80px;
}
.navSecondary--sticky.navSecondary--active {
position: fixed;
top: 60px;
}
.navSecondary__left {
padding: 20px;
}
.navSecondary__center {
text-align: center;
padding: 20px 40px;
}
.navSecondary__center .btn--setting {
background-color: #c68abe;
}
.navSecondary__right {
padding: 20px 30px;
width: 300px;
}
.navSecondary__right .btn {
width: 240px;
}
.navSecondary .navSearchFilter {
height: 40px;
border-radius: 5px;
background-color: #fff;
display: -ms-flexbox;
display: flex;
}
.navSecondary .navSearchFilter__focus {
-webkit-box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.2);
box-shadow: 0px 0px 10px 3px rgba(255, 255, 255, 0.2);
}
.navSecondary .navSearchFilter__icon {
font-size: 20px;
line-height: 40px;
padding: 0 0.2rem 0 0.8rem;
color: #d7dbdf;
}
.navSecondary .navSearchFilter__icon ~ searchFilter__input {
margin-left: 50px;
}
.navSecondary .navSearchFilter__input {
-ms-flex-positive: 1;
flex-grow: 1;
}
.navSecondary .navSearchFilter__input input {
border-radius: 5px;
height: 40px;
border: none;
}
.navSecondary .navSearchFilter__filter {
padding: 4px 0;
}
.navSecondary .navSearchFilter__filter > *:not(.navSearchFilter__filter__content) {
height: 32px;
line-height: 32px;
border-left: 1px solid #d7dbdf;
padding: 0 10px;
}
.navSecondary .navSearchFilter__filter > *:not(.navSearchFilter__filter__content) i {
color: rgba(0, 0, 0, 0.75);
font-size: 20px;
line-height: 32px;
padding: 0 5px;
}
.navSecondary .navSearchFilter__filter > *:not(.navSearchFilter__filter__content):hover i {
color: #000;
}
.navSecondary .navSearchFilter__filter__select select {
border: none;
padding: 0 15px 0 0;
height: 35px;
min-height: 35px;
}
.navSecondary .navSearchFilter__filter__select::after {
bottom: 6px;
}
.navSecondary .navSearchFilter__filter--large {
min-width: 175px;
}
.navSecondary .navSearchFilter__filter__content.active {
display: block !important;
}
.navSecondary .navSearchFilter__filter__content > * {
position: absolute;
-webkit-box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 15px 2px rgba(0, 0, 0, 0.2);
background: #fff;
display: block;
min-width: 300px;
z-index: 10;
text-align: left;
right: 1px;
}
.navSecondary .navSearchFilter__filter__content select:hover {
border: 1px solid #ad57a2;
}
.navSecondary .navSearchFilter__filter__content select:focus {
border: 1px solid #ad57a2;
-webkit-box-shadow: 0 0 2px 1px rgba(173, 87, 162, 0.5) inset;
box-shadow: 0 0 2px 1px rgba(173, 87, 162, 0.5) inset;
}
.navSecondary .navSearchFilter__btn {
padding: 0 30px;
border-radius: 0 5px 5px 0;
margin: 0 -1px;
}
@media screen and (max-width: 1000px) {
.navSecondary .navSearchFilter__filter > *:not(.navSearchFilter__filter__content) {
padding: 0 10px;
}
.navSecondary .navSearchFilter__btn {
padding: 0 10px;
}
}
@media screen and (min-width: 1441px) {
.navSecondary__left {
width: 200px;
}
.navSecondary__right {
width: 340px;
}
.navSecondary__right .btn {
width: 280px;
}
}
@media screen and (max-width: 1000px) {
.navSecondary__right-p,
.navSecondary__left-p {
padding: 20px 10px;
}
}
@media screen and (max-width: 640px) {
.navSecondary {
position: fixed;
top: 50px;
height: 60px;
}
.navSecondary + * {
margin-top: 60px;
}
.navSecondary--sticky {
top: 60px;
}
.navSecondary__center {
padding: 10px;
}
.navSecondary__right-p,
.navSecondary__left-p {
padding: 13px 7px;
}
}
nav.stepbar {
background-color: #fff !important;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
}
nav.stepbar li {
border-right: 1px solid #ddd;
}
nav.stepbar li a {
padding: 16px 10px 0 40px;
height: 55px;
position: relative;
color: #000;
}
nav.stepbar li a span {
font-family: 'Texta Alt Thin', 'Noto Sans SC', sans-serif;
font-weight: bold;
font-size: 48px;
width: 40px;
height: 55px;
line-height: 55px;
opacity: 0.1;
position: absolute;
left: 0;
top: 0;
text-align: center;
}
nav.stepbar li a span i {
font-size: 18px;
display: block;
padding-top: 5px;
}
nav.stepbar li a b {
display: block;
}
nav.stepbar li:hover a span {
opacity: 0.3;
}
nav.stepbar li.active a span {
opacity: 1;
}
nav.stepbar li.disabled a,
nav.stepbar li.disabled:hover a,
nav.stepbar li.disabled a span,
nav.stepbar li.disabled:hover a span {
opacity: 0.3;
cursor: default;
}
nav.stepbar.red li a span {
color: #ef4538;
}
nav.stepbar.orange li a span {
color: #f8981d;
}
nav.stepbar.yellow li a span {
color: #ffcd3e;
}
nav.stepbar.green li a span {
color: #26A65B;
}
nav.stepbar.teal li a span {
color: #19A89C;
}
nav.stepbar.blue li a span {
color: #04ace4;
}
nav.stepbar.navy li a span {
color: #1073B9;
}
nav.stepbar.indigo li a span {
color: #7B73D5;
}
nav.stepbar.purple li a span {
color: #ad57a2;
}
nav.stepbar.pink li a span {
color: #e466a6;
}
nav.stepbar.gray li a span {
color: #9ea8b2;
}
nav.stepbar.black li a span {
color: #000;
}
@media screen and (max-width: 1000px) {
nav.stepbar {
overflow-x: auto;
}
}
nav.topbar {
background-color: #ccc;
text-transform: uppercase;
}
nav.topbar li {
height: 40px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
nav.topbar li a {
color: rgba(0, 0, 0, 0.5);
width: 100px;
height: auto;
line-height: 40px;
text-align: center;
}
nav.topbar li a i {
display: block;
}
nav.topbar li:hover a,
nav.topbar li.active a {
background-color: rgba(0, 0, 0, 0.1);
color: #000;
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
nav.topbar.red {
background-color: #ef4538;
}
nav.topbar.red li a,
nav.topbar.red li a:hover {
color: #fff;
}
nav.topbar.red li:hover a,
nav.topbar.red li.active a {
color: #fff;
}
nav.topbar.orange {
background-color: #f8981d;
}
nav.topbar.orange li a,
nav.topbar.orange li a:hover {
color: #fff;
}
nav.topbar.orange li:hover a,
nav.topbar.orange li.active a {
color: #fff;
}
nav.topbar.yellow {
background-color: #ffcd3e;
}
nav.topbar.yellow li a,
nav.topbar.yellow li a:hover {
color: #fff;
}
nav.topbar.yellow li:hover a,
nav.topbar.yellow li.active a {
color: #fff;
}
nav.topbar.green {
background-color: #26A65B;
}
nav.topbar.green li a,
nav.topbar.green li a:hover {
color: #fff;
}
nav.topbar.green li:hover a,
nav.topbar.green li.active a {
color: #fff;
}
nav.topbar.teal {
background-color: #19A89C;
}
nav.topbar.teal li a,
nav.topbar.teal li a:hover {
color: #fff;
}
nav.topbar.teal li:hover a,
nav.topbar.teal li.active a {
color: #fff;
}
nav.topbar.blue {
background-color: #04ace4;
}
nav.topbar.blue li a,
nav.topbar.blue li a:hover {
color: #fff;
}
nav.topbar.blue li:hover a,
nav.topbar.blue li.active a {
color: #fff;
}
nav.topbar.navy {
background-color: #1073B9;
}
nav.topbar.navy li a,
nav.topbar.navy li a:hover {
color: #fff;
}
nav.topbar.navy li:hover a,
nav.topbar.navy li.active a {
color: #fff;
}
nav.topbar.indigo {
background-color: #7B73D5;
}
nav.topbar.indigo li a,
nav.topbar.indigo li a:hover {
color: #fff;
}
nav.topbar.indigo li:hover a,
nav.topbar.indigo li.active a {
color: #fff;
}
nav.topbar.purple {
background-color: #ad57a2;
}
nav.topbar.purple li a,
nav.topbar.purple li a:hover {
color: #fff;
}
nav.topbar.purple li:hover a,
nav.topbar.purple li.active a {
color: #fff;
}
nav.topbar.pink {
background-color: #e466a6;
}
nav.topbar.pink li a,
nav.topbar.pink li a:hover {
color: #fff;
}
nav.topbar.pink li:hover a,
nav.topbar.pink li.active a {
color: #fff;
}
nav.topbar.gray {
background-color: #9ea8b2;
}
nav.topbar.gray li a,
nav.topbar.gray li a:hover {
color: #fff;
}
nav.topbar.gray li:hover a,
nav.topbar.gray li.active a {
color: #fff;
}
nav.topbar.black {
background-color: #000;
}
nav.topbar.black li a,
nav.topbar.black li a:hover {
color: #fff;
}
nav.topbar.black li:hover a,
nav.topbar.black li.active a {
color: #fff;
}
@media screen and (max-width: 640px) {
nav.topbar {
overflow-x: auto;
}
}
nav.topbar.mobile-topbar:after {
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: "\f04e";
position: absolute;
top: 12px;
right: 5px;
}
.paging {
text-align: center;
padding: 25px 0;
font-size: 20px;
}
.paging svg {
fill: #9ea8b2;
padding-top: 6px;
}
.paging a,
.paging span {
display: inline-block;
height: 30px;
width: 30px;
line-height: 30px;
border-radius: 50%;
}
.paging a {
margin-left: 5px;
margin-right: 5px;
opacity: 0.6;
color: #ad57a2;
}
.paging a:hover {
opacity: 1;
}
.paging a.active {
opacity: 1;
color: #fff;
background-color: #ad57a2;
}
.paging span {
color: #bac2c9;
}
/*fallback*/
.pagination,
.pagination-no-js {
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 20px;
}
.pagination .button,
.pagination-no-js .button,
.pagination .btn,
.pagination-no-js .btn {
font-size: 1rem;
line-height: 22px;
min-height: 30px;
height: 30px;
padding: 5px;
}
.pagination a,
.pagination-no-js a,
.pagination input,
.pagination-no-js input,
.pagination .mask,
.pagination-no-js .mask {
line-height: 30px;
display: inline-block;
}
.pagination input,
.pagination-no-js input {
height: 30px;
min-height: 30px;
}
.pagination a,
.pagination-no-js a {
font-size: 24px;
color: #ad57a2;
}
.pagination a:hover,
.pagination-no-js a:hover {
color: #d7dbdf;
}
.pagination a.disabled,
.pagination-no-js a.disabled {
visibility: hidden;
}
.pagination input,
.pagination-no-js input,
.pagination .mask,
.pagination-no-js .mask {
text-align: center;
background-color: transparent;
border: 0;
padding: 0;
font-size: 18px;
color: #ad57a2;
width: 200px;
}
.paymentSelection {
/*Selection Item Mask*/
/*Selection Description Box Extend*/
/*Hide Original Radio*/
/*Mobile overwrites: font & sizes*/
}
.paymentSelection__item {
border: 2px solid #ddd;
border-radius: 10px;
}
.paymentSelection__item:hover {
border: 2px solid #ccc;
}
.paymentSelection__item label {
display: block;
position: relative;
font-weight: 300;
font-size: 1.1em;
line-height: 30px;
padding: 20px 10px 20px 60px;
margin: 0;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
width: 100%;
}
.paymentSelection__item label img {
height: 30px;
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 2px solid #ddd;
}
.paymentSelection__item__check {
display: block;
position: absolute;
border: 3px solid #ddd;
border-radius: 100%;
height: 34px;
width: 34px;
top: 18px;
left: 20px;
z-index: 5;
transition: border 0.25s linear;
-webkit-transition: border 0.25s linear;
}
.paymentSelection__item__check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 20px;
width: 20px;
top: 4px;
left: 4px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
}
.paymentSelection__desc {
max-height: 0;
overflow: hidden;
margin-bottom: 0;
}
.paymentSelection__desc__inner {
padding: 1.5em;
border-top: 2px dotted #ccc;
border-bottom: 2px dotted #ccc;
}
.paymentSelection__input {
display: none;
/*Input Checked Overwrites*/
}
.paymentSelection__input:checked + .paymentSelection__item {
border: 2px solid #aaa;
}
.paymentSelection__input:checked + .paymentSelection__item .paymentSelection__item__check {
border-color: #1eb7a5;
}
.paymentSelection__input:checked + .paymentSelection__item .paymentSelection__item__check::before {
background: #1eb7a5;
}
.paymentSelection__input:checked + .paymentSelection__item + .paymentSelection__desc {
max-height: unset;
/*transition: max-height .4s ease-in-out;
-webkit-transition: max-height .4s ease-in-out;*/
}
@media screen and (max-width: 40rem) {
.paymentSelection .paymentSelection__item {
text-align: center;
}
.paymentSelection .paymentSelection__item label {
display: block;
position: relative;
font-weight: 300;
font-size: 0.8em;
line-height: 1;
padding: 10px 5px 10px 40px;
}
.paymentSelection .paymentSelection__item label img {
padding-right: unset;
margin-right: unset;
border-right: none;
display: block;
margin: 0 auto;
}
.paymentSelection .paymentSelection__item__check {
top: 15px;
}
}
.searchbar {
width: 340px;
text-align: left;
position: relative;
}
.searchbar .searchbar-icon {
display: none;
}
.searchbar ul {
position: absolute;
margin-top: 30px;
border-radius: 4px;
display: none;
list-style: none;
padding: 0;
background-color: #000;
z-index: 1;
width: 120px;
}
.searchbar ul li {
margin-left: 0;
padding: 0 10px;
line-height: 40px;
cursor: pointer;
color: #fff;
}
.searchbar ul li:hover {
border-left-width: 3px;
border-left-style: solid;
}
.searchbar .selected {
cursor: pointer;
height: 30px;
line-height: 30px;
color: #fff !important;
padding: 0 30px 0 10px;
position: relative;
border-radius: 4px 0 0 4px;
}
.searchbar .selected .icon-down,
.searchbar .selected .icon-up {
position: absolute;
right: 10px;
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
}
.searchbar input,
.searchbar button {
border: 0;
padding: 0 10px;
height: 30px;
line-height: 30px;
border-radius: 0;
}
.searchbar input {
width: 100%;
}
.searchbar button {
border-radius: 0 4px 4px 0;
background-color: #f3f4f6;
}
.searchbar button:hover {
background-color: #d7dbdf;
}
.searchbar .row > *:first-child input {
border-radius: 4px 0 0 4px;
}
@media (max-width: 1000px) {
.searchbar {
width: 70%;
}
.searchbar .selected {
font-size: 15px;
padding: 0 12px;
}
.searchbar .selected .icon-down,
.searchbar .selected .icon-up {
display: none;
}
}
.seatingChart [v-cloak] {
display: none !important;
}
.seatingChart .editor {
display: grid;
grid-template-columns: 250px 240px minmax(0, 1fr);
min-height: 720px;
border-top: 1px solid #ddd;
}
.seatingChart .editor.tools-collapsed {
grid-template-columns: 54px 240px minmax(0, 1fr);
}
.seatingChart .editor__panel {
min-width: 0;
padding: 14px;
background: #fff;
}
.seatingChart .editor__panel + .seatingChart .editor__panel {
border-left: 1px solid #ddd;
}
.seatingChart .editor__panel-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 8px;
margin-bottom: 10px;
}
.seatingChart .editor__title {
font-weight: 700;
}
.seatingChart .editor__note {
padding: 8px 10px;
font-size: 14px;
line-height: 1.35;
color: #777;
}
.seatingChart .tools-collapsed-label {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin: 14px auto;
font-weight: 700;
color: #666;
}
.seatingChart .object-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.seatingChart .object-option {
overflow: hidden;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
-webkit-transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: border-color 0.15s ease, background-color 0.15s ease, -webkit-box-shadow 0.15s ease;
transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}
.seatingChart .object-option:hover {
border-color: #bbb;
}
.seatingChart .object-option.is-active {
border-color: #8f72bf;
background: #fbf9fe;
}
.seatingChart .object-option.is-active .object-option__button {
color: #ad57a2;
}
.seatingChart .object-option.is-active .object-option__dot {
background: #ad57a2;
-webkit-transform: scale(1);
transform: scale(1);
}
.seatingChart .object-option__button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 10px 12px;
border: 0;
background: transparent;
color: #555;
font-weight: 600;
text-align: left;
cursor: pointer;
-webkit-transition: color 0.15s ease, background-color 0.15s ease;
transition: color 0.15s ease, background-color 0.15s ease;
}
.seatingChart .object-option__button:hover {
background: #f7f7f7;
}
.seatingChart .object-option__dot {
width: 8px;
height: 8px;
-ms-flex: 0 0 8px;
flex: 0 0 8px;
border-radius: 50%;
background: #ccc;
-webkit-transform: scale(0.75);
transform: scale(0.75);
-webkit-transition: background-color 0.15s ease, -webkit-transform 0.15s ease;
transition: background-color 0.15s ease, -webkit-transform 0.15s ease;
transition: background-color 0.15s ease, transform 0.15s ease;
transition: background-color 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
}
.seatingChart .object-option__body {
padding: 2px 10px 10px;
}
.seatingChart .object-option__body > input[type="text"] {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.seatingChart .shape-list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6px;
max-height: 300px;
margin: 4px 0 10px;
padding: 7px;
overflow-y: auto;
border: 1px solid #ddd;
border-radius: 5px;
background: #fff;
}
.seatingChart .shape-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 0;
height: 42px;
padding: 4px;
border: 1px solid transparent;
border-radius: 5px;
background: transparent;
cursor: pointer;
-webkit-transition: border-color 0.15s ease, background-color 0.15s ease;
transition: border-color 0.15s ease, background-color 0.15s ease;
}
.seatingChart .shape-button svg {
width: 32px;
height: 32px;
fill: #777;
-webkit-transition: fill 0.15s ease;
transition: fill 0.15s ease;
}
.seatingChart .shape-button:hover {
background: #f5f5f5;
}
.seatingChart .shape-button.is-active {
border-color: #1eb7a5;
background: #f1fffd;
}
.seatingChart .shape-button.is-active svg {
fill: #1eb7a5;
}
.seatingChart .pen-handle {
cursor: move;
}
.seatingChart .path-anchor {
fill: #fff;
stroke: #04ace4;
cursor: move;
}
.seatingChart .path-control {
fill: #fff;
stroke: #8e9aa5;
cursor: move;
}
.seatingChart .pen-anchor {
cursor: pointer;
}
.seatingChart .section-list {
max-height: 625px;
overflow-y: auto;
padding-right: 4px;
}
.seatingChart .section-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 7px;
padding: 7px;
margin-bottom: 6px;
background: #f3f3f3;
border: 1px solid transparent;
border-radius: 5px;
cursor: default;
}
.seatingChart .section-item.is-added {
cursor: pointer;
}
.seatingChart .section-item.is-selected {
border-color: #ad57a2;
background: #f5f0fb;
}
.seatingChart .section-item__color {
width: 18px;
height: 18px;
-ms-flex: 0 0 18px;
flex: 0 0 18px;
border-radius: 4px;
}
.seatingChart .section-item__name {
-ms-flex: 1;
flex: 1;
min-width: 0;
line-height: 1.15;
word-break: break-word;
}
.seatingChart .canvas-panel {
min-width: 0;
padding: 0;
}
.seatingChart .toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
padding: 10px 12px;
}
.seatingChart .toolbar__group,
.seatingChart .toolbar__right {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.seatingChart .toolbar__right {
margin-left: auto;
}
.seatingChart .toolbar__divider {
width: 1px;
height: 30px;
background: #ddd;
}
.seatingChart .toolbar__zoom {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.seatingChart .toolbar__status {
font-size: 12px;
color: #888;
white-space: nowrap;
}
.seatingChart .toolbar__status.is-dirty {
color: #d98200;
}
.seatingChart .color-control {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.seatingChart .color-control label {
margin: 0;
}
.seatingChart .color-control.is-disabled {
pointer-events: none;
opacity: 0.45;
}
.seatingChart .color-swatch {
display: inline-block;
width: 45px;
height: 37px;
cursor: pointer;
}
.seatingChart .color-swatch i {
display: block;
width: 100%;
height: 100%;
border: 1px solid #ccc;
border-radius: 5px;
}
.seatingChart .board-wrap {
padding: 14px;
background: #f3f5f7;
}
.seatingChart .board-viewport {
width: 100%;
overflow: hidden;
border: 1px solid #ccc;
border-radius: 5px;
background: #e9edf0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.seatingChart .board-stage {
width: 100%;
min-width: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
}
.seatingChart .board {
display: block;
width: 100%;
max-width: 751px;
height: auto;
aspect-ratio: 751 / 601;
-ms-flex: 0 1 751px;
flex: 0 1 751px;
background: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.seatingChart .board .board-object {
cursor: move;
}
.seatingChart .board.is-pan-mode {
cursor: -webkit-grab;
cursor: grab;
}
.seatingChart .board.is-pan-mode .board-object {
cursor: -webkit-grab;
cursor: grab;
}
.seatingChart .board.is-panning {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.seatingChart .board.is-pen-mode .board-object {
cursor: default;
}
.seatingChart .selection-box {
fill: none;
stroke: #04ace4;
stroke-dasharray: 5 3;
}
.seatingChart .selection-handle {
fill: #fff;
stroke: #04ace4;
stroke-width: 1;
}
.seatingChart .rotate-handle {
fill: #04ace4;
stroke: #fff;
stroke-width: 1;
cursor: -webkit-grab;
cursor: grab;
}
.seatingChart .marquee {
fill: rgba(25, 118, 210, 0.08);
stroke: #04ace4;
stroke-dasharray: 4 3;
}
.seatingChart .text-editor {
width: 100%;
height: 32px;
padding: 3px 6px;
border: 1px solid #04ace4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.seatingChart .board-note {
max-width: 751px;
margin: 8px auto 0;
color: #777;
font-size: 12px;
line-height: 1.4;
}
.seatingChart .preview-mask {
position: fixed;
inset: 0;
z-index: 9999;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 24px;
background: rgba(0, 0, 0, 0.58);
}
.seatingChart .preview-modal {
width: min(95vw, 825px);
max-height: 92vh;
overflow: auto;
padding: 18px;
border-radius: 8px;
background: #fff;
}
.seatingChart .preview-canvas-wrap {
width: 100%;
overflow: auto;
}
.seatingChart .preview-svg {
display: block;
width: 751px;
height: 601px;
max-width: none;
border: 1px solid #ddd;
background: #fff;
}
.seatingChart .preview-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
margin-bottom: 12px;
}
.seatingChart .shortcut-modal {
max-width: 550px;
}
.seatingChart .shortcut-list > div {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
padding: 9px 0;
border-bottom: 1px solid #eee;
}
.seatingChart .shortcut-list span {
margin-left: auto;
color: #777;
}
.seatingChart .shortcut-list kbd {
padding: 3px 7px;
border: 1px solid #ccc;
border-radius: 4px;
background: #f5f5f5;
font-size: 12px;
}
@media (max-width: 1180px) {
.seatingChart .editor,
.seatingChart .editor.tools-collapsed {
grid-template-columns: 230px 230px minmax(0, 1fr);
}
.seatingChart .editor.tools-collapsed {
grid-template-columns: 54px 230px minmax(0, 1fr);
}
}
@media (max-width: 980px) {
.seatingChart .editor,
.seatingChart .editor.tools-collapsed {
grid-template-columns: 1fr 1fr;
}
.seatingChart .canvas-panel {
grid-column: 1 / -1;
border-left: 0 !important;
border-top: 1px solid #ddd;
}
.seatingChart .toolbar__right {
margin-left: 0;
}
.seatingChart .toolbar__divider {
display: none;
}
}
@media (max-width: 700px) {
.seatingChart .editor,
.seatingChart .editor.tools-collapsed {
display: block;
}
.seatingChart .editor__panel + .seatingChart .editor__panel {
border-left: 0;
border-top: 1px solid #ddd;
}
.seatingChart .section-list,
.seatingChart .shape-list {
max-height: 260px;
}
.seatingChart .toolbar__status {
width: 100%;
margin-left: 0;
}
}
.struct1 .details__hero {
margin: -30px -30px 0;
text-align: center;
/*height: 600px;*/
position: relative;
overflow: hidden;
/*position: absolute;*/
top: 0;
left: 0;
padding: 50% 0 0 0;
height: 100%;
width: 100%;
}
.struct1 .details__hero .carousel {
width: 1px;
min-width: 100%;
}
.struct1 .details__hero img {
display: none;
/*height: 400px;
width: auto;
position: absolute;
margin: auto;
left: 0;
right: 0;
padding-top: 30px; // due to lightslider*/
}
.struct1 .details__hero__bg {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
/*filter: blur(30px);*/
}
.struct1 .details__action {
position: absolute;
top: 1rem;
right: 1rem;
}
.struct1 .details__header {
margin: 0 -30px;
padding: 30px;
border-bottom: 1px solid #d7dbdf;
}
.struct1 .details__venue {
color: #9ea8b2;
}
.struct1 .details__tag {
font-size: var(--t2u-font-s);
}
.struct1 .details__section {
padding: 30px 0;
}
.struct1 .details__section--full {
padding: 30px;
margin-left: -30px;
margin-right: -30px;
}
.struct1 .details__section .fr-view {
max-width: 800px;
margin: 0 auto;
text-align: justify;
overflow: hidden;
/*table {
overflow: auto;
display: block;
}*/
}
.struct1 .details .countdown {
text-align: center;
}
.struct1 .details .countdown > div {
width: 25%;
min-width: 50px;
}
.struct1 .details .countdown span,
.struct1 .details .countdown small {
line-height: 1;
display: block;
}
.struct1 .details .countdown span {
font-size: var(--t2u-font-bb);
letter-spacing: -0.01em;
}
.struct1 .details .countdown small {
font-size: var(--t2u-font-s);
}
@media screen and (max-width: 640px) {
.struct1 .details__hero {
margin: -15px -15px 0;
height: auto;
/*&__bg {
display: none;
}*/
}
.struct1 .details__hero img {
width: 100%;
height: auto;
position: relative;
}
.struct1 .details__action {
position: relative;
text-align: center;
padding: 15px 0 0;
top: 0;
right: 0;
}
.struct1 .details__action > * {
margin-top: 3px;
}
.struct1 .details__header {
margin: 0;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.struct1 .details__section {
padding: 10px 0;
}
.struct1 .details__section--full {
padding: 15px;
margin-left: -15px;
margin-right: -15px;
}
.struct1 .details .countdown {
padding: 20px 0 10px;
margin-top: 20px;
border-top: 1px solid #f3f4f6;
font-size: 1rem;
}
.struct1 .details .countdown > div {
width: unset;
margin-right: 5px;
}
.struct1 .details .countdown span {
font-size: var(--t2u-font-b);
letter-spacing: -0.005em;
}
.struct1 .details .countdown small {
font-size: var(--t2u-font-ss);
}
}
.struct1 .d__container {
width: 96%;
max-width: 1200px;
margin: 0 auto;
margin-top: -10vw;
}
@media screen and (max-width: 1000px) {
.struct1 .d__container {
margin-top: 0;
padding-top: 0.5rem;
}
}
.struct1 .d__container .details__section .fr-view {
max-width: 100%;
}
.struct1 .d__date .countdown {
width: 220px;
float: right;
}
@media screen and (max-width: 1000px) {
.struct1 .d__date .countdown {
border-top: none;
width: unset;
float: none;
margin: 0;
padding: 20px 0 10px;
}
.struct1 .d__date .countdown > div {
width: unset;
border: 1px dashed #ddd;
padding: 0.5rem;
margin-right: 5px;
}
}
.struct1 .d__title {
position: absolute;
bottom: 0;
}
.struct1 .d__title .qr-share-img img {
width: 100px;
}
@media screen and (max-width: 1000px) {
.struct1 .d__title {
position: relative;
}
}
.struct1 .d__background {
display: block;
width: 100%;
height: 25vw;
}
.struct1 .d__background:before {
content: '';
background-color: rgba(0, 0, 0, 0.4);
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 1000px) {
.struct1 .d__background {
display: none;
}
}
.struct1 .d__gallery {
text-align: center;
height: auto;
position: relative;
overflow: hidden;
}
.struct1 .d__gallery .lightSlider img {
height: 400px;
width: auto;
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.struct1 .d__gallery .lSPager.lSGallery img {
border-radius: 3px;
}
.struct1 .d__gallery__bg {
display: block;
width: 120%;
height: 120%;
position: absolute;
top: -10%;
left: -10%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-filter: blur(30px);
filter: blur(30px);
}
.struct1 .details2__hero {
margin: -30px -30px 0;
text-align: center;
height: 300px;
position: relative;
overflow: hidden;
}
.struct1 .details2__hero__bg {
display: block;
position: absolute;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
.struct1 .details2__hero__bg::before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
}
.struct1 .details2__header {
margin: -200px auto 0;
max-width: 1000px;
}
.struct1 .details2__header__title {
color: #fff;
margin-bottom: 0;
font-size: 2.2em;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.struct1 .details2__header__box {
-webkit-box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
}
.struct1 .details2__header__avatar {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.struct1 .details2__header__content {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.struct1 .details2__section--full {
margin-left: -30px;
margin-right: -30px;
}
.struct1 .details2__section .fr-view {
max-width: 800px;
margin: 0 auto;
text-align: justify;
}
.struct1 .details2__listing__content {
padding-bottom: 60px;
}
.struct1 .details2__listing__action {
bottom: 15px;
right: 20px;
position: absolute;
}
.struct1 .details2__article {
max-width: 800px;
margin: 0 auto;
margin-bottom: 1em;
padding-top: 0;
}
.struct1 .details2__article__avatar {
overflow: hidden;
}
.struct1 .details2__article__avatar img {
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.struct1 .details2__article__avatar img:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.struct1 .details2__article__title {
margin-bottom: 0.1em;
}
.struct1 .details2__article__title a {
color: #35485d;
}
.struct1 .details2__article__title a:hover {
color: #ad57a2;
}
.struct1 .details2__article__tag {
color: #9ea8b2;
margin-bottom: 0.3em;
}
.struct1 .details2__article__tag a {
color: #9ea8b2;
}
.struct1 .details2 .countdown {
text-align: center;
}
.struct1 .details2 .countdown > div {
width: 25%;
min-width: 50px;
}
.struct1 .details2 .countdown span,
.struct1 .details2 .countdown small {
line-height: 1;
display: block;
}
.struct1 .details2 .countdown span {
font-size: var(--t2u-font-bb);
letter-spacing: -0.01em;
}
.struct1 .details2 .countdown small {
font-size: var(--t2u-font-s);
}
@media screen and (max-width: 640px) {
.struct1 .details2__header__title {
margin-bottom: 0.5em;
}
.struct1 .details2__header__avatar {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: unset;
}
.struct1 .details2__header__content {
border-top-right-radius: unset;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.struct1 .details2__section--full {
margin-left: -15px;
margin-right: -15px;
}
.struct1 .details2__article__title {
font-size: var(--t2u-font-s);
}
.struct1 .details2__article__tag {
font-size: var(--t2u-font-ss);
}
.struct1 .details2__article__action {
font-size: var(--t2u-font-ss);
float: left;
}
}
.ticketFormItem__label {
padding-right: 15px;
margin-top: 10px;
}
.ticketFormItem__label label {
line-height: 1.1;
}
.ticketFormItem__label:after {
content: ":";
position: absolute;
right: 5px;
font-weight: bold;
top: 0;
line-height: 1.1;
}
@media screen and (max-width: 640px) {
.ticketFormItem__label {
margin-top: 0;
}
.ticketFormItem__label:after {
display: none;
}
}
.ui-upload .ui-upload-gif .image {
background: url("/public/img/ui/upload/camera_upload.png") 50% 50% no-repeat #ddd;
border-radius: 5px;
}
.ui-upload .ui-upload-gif.ui-upload-file .image {
background-image: url("/public/img/ui/upload/file_upload.png");
border-radius: 5px;
}
.ui-upload .viewport:before,
.ui-upload .viewport:after {
display: table;
content: "";
line-height: 0;
}
.ui-upload .viewport:after {
clear: both;
}
.ui-upload .viewport:after {
content: "";
display: table;
clear: both;
}
.ui-upload figure {
margin: 0 10px 10px 0;
float: left;
}
.ui-upload figure figcaption {
position: absolute;
width: 100%;
height: 50px;
bottom: -50px;
left: 0;
}
.ui-upload figure figcaption textarea {
width: 100%;
height: 40px;
padding: 5px 0;
border: 0;
font-size: var(--t2u-font-s);
line-height: 1.2;
}
.ui-upload figure .inner {
position: relative;
width: 100%;
height: 100%;
}
.ui-upload figure .image {
border-radius: 5px;
overflow: hidden;
background: url("/public/img/ui/upload/loading.gif") 50% 50% no-repeat #fff;
width: 100%;
height: 100%;
}
.ui-upload figure .image .file-thumb {
display: block;
width: 100%;
height: 100%;
background: url("/public/img/ui/upload/file_thumb.png") 50% 40% no-repeat #dde9f3;
}
.ui-upload figure .image .file-thumb span {
position: absolute;
width: 100%;
text-align: center;
bottom: 10px;
color: #666;
}
.ui-upload figure .image .image-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
-webkit-filter: blur(10px);
filter: blur(10px);
height: 120%;
left: -10%;
overflow: hidden;
position: absolute;
top: -10%;
width: 120%;
}
.ui-upload figure .image .image-main {
bottom: 0;
height: auto;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.ui-upload figure.cover .image::after {
position: absolute;
right: 0;
top: 0;
display: inline-block;
border-top: 40px solid #04ace4;
border-left: 40px solid transparent;
content: '';
}
.ui-upload figure .ui-upload-item-menu {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
z-index: 1;
}
.ui-upload figure .dropdown-toggle {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
color: rgba(0, 0, 0, 0.75);
background-color: #fff;
}
.ui-upload figure .dropdown-menu {
padding: 3px 0;
border-radius: 0;
left: auto;
right: 0;
}
.ui-upload figure .dropdown-menu > li.divider {
margin: 5px 1px;
}
.ui-upload figure .dropdown-menu > li > a {
padding: 5px;
}
.ui-upload figure .dropdown-menu > li > a,
.ui-upload figure .dropdown-menu > li > a span {
line-height: 1;
font-size: 12px;
}
.ui-upload figure .dropdown-menu > li > a:hover {
background-image: none;
background-color: #04ace4;
}
.ui-upload .ui-upload-a {
display: block;
width: 100%;
height: 100%;
}
.ui-template {
display: none;
}
/*
Virtual Run Timeline
*/
.vrt {
width: 100%;
max-width: 800px;
margin: 30px auto;
position: relative;
padding: 0 10px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.vrt__head {
text-align: center;
padding: 10px 0;
}
.vrt:before {
content: "";
width: 3px;
height: 90%;
background: #000;
left: 50%;
top: 0;
position: absolute;
}
.vrt .vrt__item {
margin-bottom: 18px;
position: relative;
}
.vrt .vrt__item:before,
.vrt .vrt__item:after {
display: table;
content: "";
line-height: 0;
}
.vrt .vrt__item:after {
clear: both;
}
.vrt .vrt__item:after {
content: "";
display: table;
clear: both;
}
.vrt .vrt__item .vrt__icon {
background: #000;
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 50%;
overflow: hidden;
margin-left: -23px;
border-radius: 50%;
}
.vrt .vrt__item .vrt__icon i:before {
margin-top: 12px;
color: #fff;
}
.vrt .vrt__item .vrt__content {
width: 45%;
background: #fff;
padding: 10px;
text-align: left;
border: 1px solid #000;
border-radius: 5px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.vrt .vrt__item .vrt__content:before {
content: '';
position: absolute;
right: -7px;
top: 20px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid #000;
}
.vrt .vrt__item .vrt__content.right {
float: right;
}
.vrt .vrt__item .vrt__content.right:before {
content: '';
left: -7px;
right: unset;
border-left: 0;
border-right: 7px solid #000;
}
.vrt .vrt__item .vrt__content .vrt__title {
padding: 10px;
background: #000;
color: #fff;
margin: -10px -10px 0 -10px;
font-weight: 300;
border-radius: 3px 3px 0 0;
font-size: 1.2rem;
}
.vrt .vrt__item .vrt__content .vrt__progress {
color: #fddcb1;
font-weight: bold;
float: right;
}
.vrt .vrt__item .vrt__content .vrt__desc {
padding-top: 10px;
}
.vrt .vrt__item .vrt__content .vrt__stats:hover {
cursor: pointer;
}
@media screen and (max-width: 640px) {
.vrt {
margin: 30px;
padding: 0px;
width: 90%;
}
.vrt:before {
left: 0;
}
.vrt .vrt__item .vrt__content {
width: 90%;
float: right;
}
.vrt .vrt__item .vrt__content:before,
.vrt .vrt__item .vrt__content.right:before {
left: -7px;
border-left: 0;
border-right: 7px solid #000;
}
.vrt .vrt__item .vrt__icon {
left: 0;
}
}
.zigzagnote {
background-color: #FDFAF3;
position: relative;
padding: calc(1rem + 10px) 1rem;
background: -webkit-gradient(linear, left top, left bottom, from(#faf6ee), color-stop(90%, #faf6ee), to(#f2ebe0));
background: linear-gradient(180deg, #faf6ee 0%, #faf6ee 90%, #f2ebe0 100%);
border-radius: 2px;
border-left: 1px solid rgba(0, 0, 0, 0.03);
overflow: hidden;
margin: 16px 0;
font-family: 'Courier New', Courier, monospace;
font-size: var(--t2u-font-s);
}
.zigzagnote .zigzagnote__separator {
border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
margin: 3px 0;
}
/* TOP TEETH */
.zigzagnote:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10px;
z-index: 2;
background: linear-gradient(135deg, #ffffff 25%, transparent 25%) 0 0, linear-gradient(-135deg, #ffffff 25%, transparent 25%) 0 0;
background-repeat: repeat-x;
background-size: 12px 10px;
/* MATCHES HEIGHT PERFECTLY */
}
/* BOTTOM TEETH - POSITION AND SIZE FIXED */
.zigzagnote:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
z-index: 2;
/* Pulls the element up by 1px to counteract browser rendering drift */
-webkit-transform: translateY(1px);
transform: translateY(1px);
background: linear-gradient(45deg, #ffffff 25%, transparent 25%) 0 0, linear-gradient(-45deg, #ffffff 25%, transparent 25%) 0 0;
background-repeat: repeat-x;
background-size: 12px 10px;
/* MATCHES HEIGHT PERFECTLY */
}
}
@layer page {
/**
*/
.fixedSidebar {
display: grid;
grid-template-columns: 220px 1fr;
height: calc(100vh - 60px);
}
.fixedSidebar aside {
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.fixedSidebar aside::-webkit-scrollbar {
display: none;
}
.fixedSidebar main {
min-height: calc(100vh - 60px);
overflow-y: scroll;
}
@media (max-width: 1000px) {
.fixedSidebar {
grid-template-columns: 1fr;
}
}
.fixedSidebar .table.table--sticky th,
.fixedSidebar .sticky {
top: 0;
}
.form-event #masthead {
border-bottom: 2px solid #ad57a2;
}
.form-event .qq-progress-bar {
background-color: #ad57a2 !important;
}
.form-event .pagination input,
.form-event .pagination .mask,
.form-event .pagination a:not(.button) {
color: #ad57a2;
}
.form-event #masthead {
border-bottom: none;
z-index: 1;
}
@media screen and (max-width: 1000px) {
.form-event .header .searchbar {
visibility: hidden;
}
}
#masthead {
position: relative;
}
#masthead h1,
#masthead h2,
#masthead h3,
#masthead h4,
#masthead h5,
#masthead h6 {
color: #fff;
}
#masthead .titlebar {
padding: 10px;
color: #fff;
}
/*
#masthead {
border-bottom: 2px solid transparent;
position: relative;
background-size: cover;
h1, h2, h3, h4, h5, h6 {
color: @white;
}
.article-price-group {
.col-6 {
float: right;
}
}
h1 {
margin-bottom: 0;
.sans;
line-height: 2;
}
.article-social {
background-color: transparent;
margin: 0;
padding: 0;
}
.pill {
border: 0;
position: absolute;
margin: 12px 6px;
text-transform: none;
font-weight: normal;
&.mini {
line-height: 13px;
}
}
p {
margin-bottom: 0;
}
.article-tag {
margin-top: 0;
}
.article-price {
label {
color: rgba(255,255,255,.6);
}
b {
color: #fff;
}
}
}
.masthead-content {
padding-top: 10px;
background-color: #000;
@media screen and (max-width: @screen-p) {
padding-top: 30px;
}
}
.masthead-avatar {
.size(300px, 300px);
background-position: 50% 50%;
}
.masthead-bg {
position: absolute;
top: 0;
left: 0;
.size(100%, 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
.opacity(40);
}
.masthead-title {
float: left;
padding-top: 15px;
padding-left: 20px;
color: #fff;
h1 {
padding: 20px 0;
border-top: 1px solid rgba(255,255,255,.3);
border-bottom: 1px solid rgba(255,255,255,.3);
color: #fff;
margin: 10px 0;
}
.pill {
background-color: rgba(255,255,255,.6);
border: 0;
line-height: 14px;
display: inline;
&:hover {
background-color: #fff;
color: #000;
}
}
}
.masthead-price {
float: left;
margin: 34px 10px 0 0;
white-space: nowrap;
.item {
.sans--thin;
float: left;
margin-left: 15px;
font-size: 30px;
height: 80px;
padding: 20px 5px;
color: #fff;
background-color: #D53238;
line-height: 36px;
small {
line-height: 1;
text-align: right;
font-size: 14px;
float: left;
margin: 5px 5px 0 0;
color: rgba(255,255,255, .6);
span {
display: block;
color: #fff;
}
&.calculator {
position: absolute;
right: 5px;
bottom: 7px;
margin: 0;
}
}
&:before, &:after {
width: 10px;
height: 80px;
display: inline-block;
position: absolute;
top: 0;
}
&:before {
content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2280%22%20viewBox%3D%220%200%2010%2080%22%3E%3Cpath%20fill%3D%22%23D53238%22%20d%3D%22M10%2080L0%2040%2010%200z%22/%3E%3C/svg%3E');
left: -10px;
}
&:after {
content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2280%22%20viewBox%3D%220%200%2010%2080%22%3E%3Cpath%20fill%3D%22%23D53238%22%20d%3D%22M10%200H0v80h10L1%2040z%22/%3E%3C/svg%3E');
right: -10px;
}
&.rent {
background-color: #19A89C;
&:before {
content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2280%22%20viewBox%3D%220%200%2010%2080%22%3E%3Cpath%20fill%3D%22%2319A89C%22%20d%3D%22M10%2080L0%2040%2010%200z%22/%3E%3C/svg%3E');
}
&:after {
content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2280%22%20viewBox%3D%220%200%2010%2080%22%3E%3Cpath%20fill%3D%22%2319A89C%22%20d%3D%22M10%200H0v80h10L1%2040z%22/%3E%3C/svg%3E');
}
}
&.premium {
background-color: #ccac00;
&:before {
content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2280%22%20viewBox%3D%220%200%2010%2080%22%3E%3Cpath%20fill%3D%22%23ccac00%22%20d%3D%22M10%2080L0%2040%2010%200z%22/%3E%3C/svg%3E');
}
&:after {
content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2280%22%20viewBox%3D%220%200%2010%2080%22%3E%3Cpath%20fill%3D%22%23ccac00%22%20d%3D%22M10%200H0v80h10L1%2040z%22/%3E%3C/svg%3E');
}
}
&.green {
background-color: #3fb34f;
&:before {
content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2280%22%20viewBox%3D%220%200%2010%2080%22%3E%3Cpath%20fill%3D%22%233fb34f%22%20d%3D%22M10%2080L0%2040%2010%200z%22/%3E%3C/svg%3E');
}
&:after {
content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2280%22%20viewBox%3D%220%200%2010%2080%22%3E%3Cpath%20fill%3D%22%233fb34f%22%20d%3D%22M10%200H0v80h10L1%2040z%22/%3E%3C/svg%3E');
}
}
}
@media screen and (max-width: @screen-p) {
margin-top: 5px;
.item {
font-size: 25px;
height: 60px;
margin-left: 0;
padding: 5px 5px 10px;
&:before, &:after {
content: "";
}
&.rent,
&.premium,
&.green {
padding-top: 0;
line-height: 60px;
&:before, &:after {
content: "";
}
}
}
}
}
.masthead-social {
position: absolute;
bottom: 5px;
right: 0;
.article-social {
background-color: transparent;
}
}
.masthead-social {
position: absolute;
bottom: 5px;
right: 0;
.article-social {
background-color: transparent;
}
}
.masthead-gallery-button {
position: absolute;
bottom: 10px;
left: 10px;
}
.masthead-extsite {
position: absolute;
right: 0;
width: 300px;
height: 200px;
margin-top: 50px;
float: right;
iframe {
width: 100%;
height: 200px;
}
a {
width: 100%;
height: 200px;
position: absolute;
text-align: center;
background-color: rgba(0,0,0,.8);
border: 1px solid rgba(255,255,255,.3);
top: 0;
left: 0;
color: #fff;
img {
margin: 20px auto 10px;
display: block;
}
}
}
.titlebar {
padding: 10px 0;
color: @white;
output {
float: right;
.opacity(50);
}
}
.filter .form {
border: 1px solid #ddd;
background-color: #f6f6f6;
padding: 15px;
}
@media screen and (max-width: @screen-t) and (min-width: @screen-p) {
.masthead-extsite {
left: 320px;
bottom: 10px;
height: 50px;
width: auto;
iframe {
height: 50px;
}
a {
height: 50px;
overflow: hidden;
text-align: left;
padding: 10px;
img {
float: left;
margin: -22px 10px 0 0;
width: 90px;
}
}
}
}
@media screen and (max-width: @screen-p) {
.masthead-avatar {
width: 100%;
}
.masthead-extsite {
position: relative;
left: 0;
width: 100%;
margin: 10px 0 40px;
}
}*/
.organizerProfile__actions {
grid-column: 1 / -1;
display: -ms-flexbox;
display: flex;
gap: 8px;
position: relative;
margin: 1rem;
}
.organizerProfile__top {
display: grid;
grid-template-columns: minmax(0, 800px) minmax(280px, 1fr);
gap: 24px;
-ms-flex-align: start;
align-items: start;
}
.organizerProfile__main {
min-width: 0;
background: #fff;
border-radius: 12px;
overflow: hidden;
margin-top: 2rem;
}
.organizerProfile__main .row {
padding-left: 20px;
padding-right: 20px;
}
.organizerProfile__cover {
overflow: visible;
}
.organizerProfile__cover__bg {
background-position: center center;
background-size: cover;
aspect-ratio: 2 / 1;
width: 100%;
max-width: 800px;
position: relative;
margin: 0;
overflow: hidden;
}
.organizerProfile__cover__bg:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 0, 0, 0)), to(#000));
background-image: linear-gradient(to bottom right, rgba(0, 0, 0, 0), #000);
opacity: 0.5;
}
.organizerProfile__header {
position: relative;
min-height: 95px;
padding-left: 20px;
padding-right: 20px;
}
.organizerProfile__avatar {
width: 150px;
height: 150px;
border: 1px solid #bfbfbf;
padding: 0.5rem;
background: #fff;
border-radius: 5px;
margin-top: -60px;
margin-left: 20px;
position: relative;
z-index: 5;
}
.organizerProfile__avatar img {
width: 100%;
height: auto;
}
.organizerProfile__title {
bottom: 0;
margin-bottom: 0;
font-weight: 700;
padding-left: 180px;
position: absolute;
}
.organizerProfile__excerpt {
padding-left: 20px;
padding-right: 20px;
}
.organizerProfile__side {
position: relative;
-ms-flex-item-align: start;
align-self: start;
max-height: none;
overflow: visible;
will-change: transform;
background: #fff;
border-radius: 12px;
padding: 20px;
margin-top: 2rem;
}
.organizerProfile__section__header {
color: #35485d;
margin-bottom: 1rem;
padding: 0.5rem;
border-left: 5px solid #ad57a2;
}
.organizerProfile__share {
grid-column: 1 / -1;
width: 100%;
}
.organizerProfile__share #mdlShare,
.organizerProfile__share .share-tab {
width: 100%;
}
#OrganizerSocial .fb-page {
width: 100% !important;
max-width: 100% !important;
}
#OrganizerSocial .fb-page iframe,
#OrganizerSocial .fb-page span,
#OrganizerSocial .fb-page > div {
width: 100% !important;
max-width: 100% !important;
}
@media screen and (max-width: 1000px) {
.organizerProfile__top {
display: block;
}
.organizerProfile__cover__bg {
margin: 0 auto;
}
.organizerProfile__avatar {
margin: -75px auto 0;
}
.organizerProfile__title {
position: relative;
padding: 15px 0 0 0;
text-align: center;
}
.organizerProfile__side {
position: static;
max-height: none;
overflow: visible;
margin-top: 20px;
}
.organizerProfile__excerpt {
margin-top: 0.5rem;
}
.organizerProfile__share {
margin-top: 20px;
}
.organizerProfile__share .share-tab .button {
-ms-flex: 1 1 45%;
flex: 1 1 45%;
}
}
/*Stepper*/
.pfStepItem {
text-align: center;
padding-left: 1rem;
padding-right: 1rem;
z-index: 0;
}
.pfStepItem:not(:first-child):before {
content: "";
border: 1px solid #cccccc;
width: 50%;
position: absolute;
left: 0;
top: 12px;
z-index: -1;
}
.pfStepItem:not(:last-child):after {
content: "";
border: 1px solid #cccccc;
width: 50%;
position: absolute;
left: 50%;
top: 12px;
z-index: -1;
}
.pfStepItemStatus {
height: 25px;
width: 25px;
padding: 1px;
line-height: 23px;
background: #cdcdcd;
border-radius: 50%;
font-size: 12px;
margin: auto;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pfStepItemText {
margin-top: 5px;
font-size: smaller;
line-height: 1.1;
color: #888888;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pfStepItem.active .pfStepItemStatus {
background: #ad57a2;
color: white;
}
.pfStepItem.done .pfStepItemStatus:after {
content: "\f00c";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
color: #fff;
position: absolute;
left: 7px;
top: 1px;
}
.pfStepItem.done .pfStepItemStatus {
background: #ad57a2;
color: #ad57a2;
}
.pfStepItem.active .pfStepItemText,
.pfStepItem.done .pfStepItemText {
color: #ad57a2;
}
/*Mode Selection*/
a.pfSelectModeBtn i {
font-size: 50px;
margin-bottom: 15px;
}
/*Uploader*/
.pfUploadUploader {
margin-left: auto;
margin-right: auto;
width: 500px;
height: 180px;
max-width: 90%;
}
.pfUploadUploader input {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
cursor: pointer;
}
.pfUploadUploaderOverlay {
position: absolute;
top: 0;
width: 500px;
height: 180px;
max-width: 100%;
border: 2px dashed #888;
border-radius: 5px;
background: #efefef;
text-align: center;
z-index: 0;
}
.pfUploadItem img {
height: auto;
width: 100%;
}
.pfUploadItemInner {
border: 2px dotted #ccc;
padding: 0.5rem;
height: 100%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pfUploadItemDeleteBtn {
position: absolute;
top: 0rem;
right: 0rem;
opacity: 0;
border-radius: 0;
width: 100%;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.pfUploadItem:hover .pfUploadItemInner {
border-color: #888;
}
.pfUploadItem:hover .pfUploadItemDeleteBtn {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
/*Result*/
.pfResultItem img {
height: auto;
width: 100%;
}
.pfResultItemInner {
border: 2px dotted #ccc;
padding: 0.5rem;
height: 100%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pfResultRibbon {
background-color: #f1b200;
position: absolute;
top: 6px;
color: #fff;
font-size: smaller;
border-radius: 0 10px 10px 0;
padding: 0 8px 0 5px;
}
.pfResultItemAddBtn {
position: absolute;
top: 0rem;
right: 0rem;
opacity: 0;
border-radius: 0;
width: 100%;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.pfResultItem:hover .pfResultItemInner {
border-color: #888;
}
.pfResultItem:hover .pfResultItemAddBtn {
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
/*item*/
/* Chrome, Safari, Edge, Opera */
input.pfItemQtyInput::-webkit-outer-spin-button,
input.pfItemQtyInput::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number].pfItemQtyInput {
-moz-appearance: textfield;
}
/*cart*/
/* Chrome, Safari, Edge, Opera */
input.pfCartQtyInput::-webkit-outer-spin-button,
input.pfCartQtyInput::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number].pfCartQtyInput {
-moz-appearance: textfield;
}
.section {
background-color: #fff;
}
.section > header {
padding: 15px;
border-bottom: 1px solid #ddd;
color: #000;
overflow: hidden;
}
.section > header h2 {
float: left;
font-size: 1.5rem;
margin-bottom: 0;
margin-right: 5px;
}
.section > div:not(.ribbon-group) {
padding: 1rem;
}
.section.red,
.section.orange,
.section.yellow,
.section.green,
.section.teal,
.section.blue,
.section.navy,
.section.purple,
.section.violet,
.section.pink,
.section.gray,
.section.dark,
.section.wood,
.section.indigo,
.section.light {
background-color: #fff !important;
color: #000 !important;
}
.section.red > header {
border-bottom-color: #ef4538;
}
.section.red > header h2 i {
color: #ef4538;
}
.section.red .article {
border-top: 2px solid #ef4538;
}
.section.orange > header {
border-bottom-color: #f8981d;
}
.section.orange > header h2 i {
color: #f8981d;
}
.section.orange .article {
border-top: 2px solid #f8981d;
}
.section.yellow > header {
border-bottom-color: #ffcd3e;
}
.section.yellow > header h2 i {
color: #ffcd3e;
}
.section.yellow .article {
border-top: 2px solid #ffcd3e;
}
.section.green > header {
border-bottom-color: #26A65B;
}
.section.green > header h2 i {
color: #26A65B;
}
.section.green .article {
border-top: 2px solid #26A65B;
}
.section.teal > header {
border-bottom-color: #19A89C;
}
.section.teal > header h2 i {
color: #19A89C;
}
.section.teal .article {
border-top: 2px solid #19A89C;
}
.section.blue > header {
border-bottom-color: #04ace4;
}
.section.blue > header h2 i {
color: #04ace4;
}
.section.blue .article {
border-top: 2px solid #04ace4;
}
.section.navy > header {
border-bottom-color: #1073B9;
}
.section.navy > header h2 i {
color: #1073B9;
}
.section.navy .article {
border-top: 2px solid #1073B9;
}
.section.indigo > header {
border-bottom-color: #7B73D5;
}
.section.indigo > header h2 i {
color: #7B73D5;
}
.section.indigo .article {
border-top: 2px solid #7B73D5;
}
.section.purple > header {
border-bottom-color: #ad57a2;
}
.section.purple > header h2 i {
color: #ad57a2;
}
.section.purple .article {
border-top: 2px solid #ad57a2;
}
.section.pink > header {
border-bottom-color: #e466a6;
}
.section.pink > header h2 i {
color: #e466a6;
}
.section.pink .article {
border-top: 2px solid #e466a6;
}
.section.gray > header {
border-bottom-color: #9ea8b2;
}
.section.gray > header h2 i {
color: #9ea8b2;
}
.section.gray .article {
border-top: 2px solid #9ea8b2;
}
.section.black > header {
border-bottom-color: #000;
}
.section.black > header h2 i {
color: #000;
}
.section.black .article {
border-top: 2px solid #000;
}
#aside > section:first-of-type {
margin-top: 1.5rem;
}
/*TODO: eliminate this*/
.smart-wrap .section > div {
padding: 0;
}
.struct1 {
/*Fixed header layout, class: struct1--fixed*/
/*html& {
&.struct1--fixed {
padding-top: 60px;
}
&.struct1--fixed-secondary {
@media screen and (max-width: @screen-p) {
padding-top: 120px;
}
}
}*/
/*main { overflow-x: hidden;}*/
/*Removed this line as overflow and height properties in parent causes position:sticky to stop working*/
}
.struct1__left,
.struct1__right,
.struct1__body {
background-color: #fff;
position: relative;
min-height: 800px;
}
.struct1__left section,
.struct1__right section,
.struct1__body section {
margin-bottom: 3rem;
}
.struct1__masthead--edit {
padding-left: 50px;
}
.struct1__masthead--edit .titlebar {
padding: 10px;
}
.struct1__body {
background-color: #fcfcfd;
padding: 30px;
}
.struct1__body__nav {
margin: -30px -30px 0 -30px;
}
.struct1__left {
-webkit-box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
background-color: #fff;
z-index: 10;
}
.struct1__left > * {
width: 50px;
background-color: #fff;
}
.struct1__right {
-webkit-box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
box-shadow: 0 2px 10px rgba(0, 34, 51, 0.1);
background-color: #fff;
z-index: 10;
}
.struct1__right > * {
width: 300px;
background-color: #fff;
}
.struct1__right__shortcut {
background-color: #7b3c73;
border-radius: 5px;
margin-bottom: 2rem;
}
.struct1__right__shortcut .row {
border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.struct1__right__shortcut .row:first-child {
border-top: 0;
}
.struct1__right__shortcut a {
color: #fff;
text-align: center;
opacity: 0.6;
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s;
padding: 10px;
line-height: 1;
}
.struct1__right__shortcut a img {
width: 24px;
height: 24px;
opacity: 0.6;
}
.struct1__right__shortcut a span {
display: block;
}
.struct1__right__shortcut a:hover {
opacity: 1;
color: #fff;
}
@media screen and (min-width: 1441px) {
.struct1__masthead--edit {
padding-left: 200px;
}
.struct1__left > * {
width: 200px;
}
.struct1__right > * {
width: 340px;
}
}
@media screen and (max-width: 1000px) {
.struct1__masthead--edit {
padding-left: unset;
}
.struct1__left > * {
width: 200px;
}
.struct1__right > * {
width: 300px;
}
}
@media screen and (max-width: 640px) {
.struct1 {
/*html& {
padding-top: 110px; // For fixed secondary nav
}*/
}
.struct1__body {
padding: 15px;
}
.struct1__body__nav {
margin: -15px -15px 0 -15px;
}
.struct1__body section {
margin-bottom: 1rem;
}
}
.theme-dark {
color: rgba(255, 255, 255, 0.8);
}
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h1 a,
.theme-dark h2 a,
.theme-dark h3 a,
.theme-dark h4 a,
.theme-dark h5 a {
color: #fff;
}
.theme-dark input[type="date"],
.theme-dark input[type="datetime"],
.theme-dark input[type="datetime-local"],
.theme-dark input[type="email"],
.theme-dark input[type="month"],
.theme-dark input[type="number"],
.theme-dark input[type="password"],
.theme-dark input[type="search"],
.theme-dark input[type="tel"],
.theme-dark input[type="text"],
.theme-dark input[type="time"],
.theme-dark input[type="url"],
.theme-dark input[type="week"],
.theme-dark select,
.theme-dark .selectize-input,
.theme-dark textarea,
.theme-dark .input-group {
border-color: rgba(255, 255, 255, 0.3);
color: #ccc;
background-color: transparent;
}
.theme-dark input[type="date"]::-webkit-input-placeholder, .theme-dark input[type="datetime"]::-webkit-input-placeholder, .theme-dark input[type="datetime-local"]::-webkit-input-placeholder, .theme-dark input[type="email"]::-webkit-input-placeholder, .theme-dark input[type="month"]::-webkit-input-placeholder, .theme-dark input[type="number"]::-webkit-input-placeholder, .theme-dark input[type="password"]::-webkit-input-placeholder, .theme-dark input[type="search"]::-webkit-input-placeholder, .theme-dark input[type="tel"]::-webkit-input-placeholder, .theme-dark input[type="text"]::-webkit-input-placeholder, .theme-dark input[type="time"]::-webkit-input-placeholder, .theme-dark input[type="url"]::-webkit-input-placeholder, .theme-dark input[type="week"]::-webkit-input-placeholder, .theme-dark select::-webkit-input-placeholder, .theme-dark .selectize-input::-webkit-input-placeholder, .theme-dark textarea::-webkit-input-placeholder, .theme-dark .input-group::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.theme-dark input[type="date"]::-moz-placeholder, .theme-dark input[type="datetime"]::-moz-placeholder, .theme-dark input[type="datetime-local"]::-moz-placeholder, .theme-dark input[type="email"]::-moz-placeholder, .theme-dark input[type="month"]::-moz-placeholder, .theme-dark input[type="number"]::-moz-placeholder, .theme-dark input[type="password"]::-moz-placeholder, .theme-dark input[type="search"]::-moz-placeholder, .theme-dark input[type="tel"]::-moz-placeholder, .theme-dark input[type="text"]::-moz-placeholder, .theme-dark input[type="time"]::-moz-placeholder, .theme-dark input[type="url"]::-moz-placeholder, .theme-dark input[type="week"]::-moz-placeholder, .theme-dark select::-moz-placeholder, .theme-dark .selectize-input::-moz-placeholder, .theme-dark textarea::-moz-placeholder, .theme-dark .input-group::-moz-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.theme-dark input[type="date"]:-ms-input-placeholder, .theme-dark input[type="datetime"]:-ms-input-placeholder, .theme-dark input[type="datetime-local"]:-ms-input-placeholder, .theme-dark input[type="email"]:-ms-input-placeholder, .theme-dark input[type="month"]:-ms-input-placeholder, .theme-dark input[type="number"]:-ms-input-placeholder, .theme-dark input[type="password"]:-ms-input-placeholder, .theme-dark input[type="search"]:-ms-input-placeholder, .theme-dark input[type="tel"]:-ms-input-placeholder, .theme-dark input[type="text"]:-ms-input-placeholder, .theme-dark input[type="time"]:-ms-input-placeholder, .theme-dark input[type="url"]:-ms-input-placeholder, .theme-dark input[type="week"]:-ms-input-placeholder, .theme-dark select:-ms-input-placeholder, .theme-dark .selectize-input:-ms-input-placeholder, .theme-dark textarea:-ms-input-placeholder, .theme-dark .input-group:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.theme-dark input[type="date"]::-ms-input-placeholder, .theme-dark input[type="datetime"]::-ms-input-placeholder, .theme-dark input[type="datetime-local"]::-ms-input-placeholder, .theme-dark input[type="email"]::-ms-input-placeholder, .theme-dark input[type="month"]::-ms-input-placeholder, .theme-dark input[type="number"]::-ms-input-placeholder, .theme-dark input[type="password"]::-ms-input-placeholder, .theme-dark input[type="search"]::-ms-input-placeholder, .theme-dark input[type="tel"]::-ms-input-placeholder, .theme-dark input[type="text"]::-ms-input-placeholder, .theme-dark input[type="time"]::-ms-input-placeholder, .theme-dark input[type="url"]::-ms-input-placeholder, .theme-dark input[type="week"]::-ms-input-placeholder, .theme-dark select::-ms-input-placeholder, .theme-dark .selectize-input::-ms-input-placeholder, .theme-dark textarea::-ms-input-placeholder, .theme-dark .input-group::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.theme-dark input[type="date"]::placeholder,
.theme-dark input[type="datetime"]::placeholder,
.theme-dark input[type="datetime-local"]::placeholder,
.theme-dark input[type="email"]::placeholder,
.theme-dark input[type="month"]::placeholder,
.theme-dark input[type="number"]::placeholder,
.theme-dark input[type="password"]::placeholder,
.theme-dark input[type="search"]::placeholder,
.theme-dark input[type="tel"]::placeholder,
.theme-dark input[type="text"]::placeholder,
.theme-dark input[type="time"]::placeholder,
.theme-dark input[type="url"]::placeholder,
.theme-dark input[type="week"]::placeholder,
.theme-dark select::placeholder,
.theme-dark .selectize-input::placeholder,
.theme-dark textarea::placeholder,
.theme-dark .input-group::placeholder {
color: rgba(255, 255, 255, 0.6);
}
.theme-dark input[type="date"]:hover,
.theme-dark input[type="datetime"]:hover,
.theme-dark input[type="datetime-local"]:hover,
.theme-dark input[type="email"]:hover,
.theme-dark input[type="month"]:hover,
.theme-dark input[type="number"]:hover,
.theme-dark input[type="password"]:hover,
.theme-dark input[type="search"]:hover,
.theme-dark input[type="tel"]:hover,
.theme-dark input[type="text"]:hover,
.theme-dark input[type="time"]:hover,
.theme-dark input[type="url"]:hover,
.theme-dark input[type="week"]:hover,
.theme-dark select:hover,
.theme-dark .selectize-input:hover,
.theme-dark textarea:hover,
.theme-dark .input-group:hover {
border-color: rgba(255, 255, 255, 0.7);
}
.theme-dark input[type="date"]:focus,
.theme-dark input[type="datetime"]:focus,
.theme-dark input[type="datetime-local"]:focus,
.theme-dark input[type="email"]:focus,
.theme-dark input[type="month"]:focus,
.theme-dark input[type="number"]:focus,
.theme-dark input[type="password"]:focus,
.theme-dark input[type="search"]:focus,
.theme-dark input[type="tel"]:focus,
.theme-dark input[type="text"]:focus,
.theme-dark input[type="time"]:focus,
.theme-dark input[type="url"]:focus,
.theme-dark input[type="week"]:focus,
.theme-dark select:focus,
.theme-dark .selectize-input:focus,
.theme-dark textarea:focus,
.theme-dark .input-group:focus {
border-color: #fff;
}
.theme-dark label {
color: rgba(255, 255, 255, 0.8);
}
.theme-dark a {
color: #04ace4;
}
.theme-dark a:hover {
color: #84dffd;
}
.theme-dark .selectize-control.single .selectize-input:after {
border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
}
.theme-dark .selectize-input,
.theme-dark .selectize-control.single .selectize-input.focus {
background-color: transparent;
color: rgba(255, 255, 255, 0.5);
}
.theme-dark .selectize-input.dropdown-active:before {
background-color: transparent;
}
.theme-dark .selectize-control.single .selectize-input.dropdown-active:after {
border-color: transparent transparent rgba(255, 255, 255, 0.5) transparent;
}
.theme-dark .selectize-dropdown {
margin-top: 1px;
background-color: rgba(0, 0, 0, 0.6);
border: 1px solid rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.8);
}
.theme-dark .selectize-dropdown .active {
color: #fff;
background-color: rgba(255, 255, 255, 0.3);
}
.theme-dark .selectize-dropdown .selected {
color: #fff;
background-color: rgba(255, 255, 255, 0.5);
}
.theme-dark .selectize-control .selectize-input.disabled {
background-color: transparent;
}
.theme-dark .selectize-control .selectize-input.disabled:hover {
border-color: rgba(255, 255, 255, 0.3);
}
.theme-dark .hax-select:after,
.theme-dark .input--select:after {
background-color: transparent;
}
.theme-dark input[type=checkbox] + label:before,
.theme-dark input[type=checkbox] + span:before {
background-color: transparent;
}
.theme-dark input[type=checkbox]:not(:checked) + label:before,
.theme-dark input[type=checkbox]:not(:checked) + span:before {
border-color: rgba(255, 255, 255, 0.15);
}
.theme-dark input[type="checkbox"]:not(:checked) + label:after,
.theme-dark input[type="checkbox"]:checked + label:after {
color: #fff;
}
.theme-dark .tab {
border-bottom: 1px solid #687582;
}
.theme-dark .tab li {
margin-right: 2px;
margin-top: 2px;
}
.theme-dark .tab li a {
display: block;
color: #687582;
padding: 4px 6px 2px;
border-bottom: 2px solid transparent;
text-transform: uppercase;
}
.theme-dark .tab li a:hover {
color: #fff;
}
.theme-dark .tab li.active a {
font-weight: bold;
color: #fff;
border-bottom-color: #04ace4;
}
.theme-dark .tab-content {
padding-bottom: 10px;
}
.theme-dark .tab-content .list li {
border-bottom: 1px dotted #687582;
color: #828f9b;
padding: 6px 3px;
}
.theme-dark .tab-content .list li:hover {
border-left: 3px solid #1dafec;
padding-left: 5px;
}
.theme-dark .tab-content .list li a {
display: block;
color: #828f9b;
}
.theme-dark .tab-content .list li a:hover {
color: #fff;
}
.theme-dark .list.divided li,
.theme-dark .list.dotted li {
border-bottom-color: rgba(255, 255, 255, 0.3);
}
.theme-dark .list.divided li:hover,
.theme-dark .list.dotted li:hover {
border-left: 3px solid #1dafec;
padding-left: 5px;
}
}