-
Notifications
You must be signed in to change notification settings - Fork 4
/
config.app.json
1 lines (1 loc) · 64.2 KB
/
config.app.json
1
{"app":{"name":"Khabrona.Info","url":"khabrona.info"},"css":"@import url(\"https://fonts.googleapis.com/css?family=Cairo:300,400,600,700|Roboto:400,400i,500i,700,700i,900i&subset=arabic,cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese\");\r\n@import url(\"hi-font-icons.css\");\r\n\r\nhtml,\r\nbody {\r\n\tmin-height: 100vh;\r\n\tmax-width: 100vw;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tborder: 0;\r\n\tfont: inherit;\r\n\tvertical-align: baseline;\r\n\toutline: none;\r\n\t-webkit-box-sizing: border-box;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n}\r\n\r\nhtml .rtl,\r\nbody .rtl {\r\n\tfont-family: \"Cairo\", \"Roboto\", sans-serif;\r\n}\r\nhtml .ltr,\r\nbody .ltr {\r\n\tfont-family: \"Roboto\", sans-serif;\r\n\tpadding: 0;\r\n}\r\n\r\n#root {\r\n\toverflow: hidden;\r\n}\r\n#root > span > div {\r\n\tbackground-color: white;\r\n}\r\n\r\na:before {\r\n\tcontent: \" \";\r\n}\r\n::selection {\r\n\tbackground-color: black;\r\n\tcolor: #fdda14;\r\n}\r\n::-moz-selection {\r\n\tbackground-color: black;\r\n\tcolor: #fdda14;\r\n}\r\n::-webkit-selection {\r\n\tbackground-color: black;\r\n\tcolor: #fdda14;\r\n}\r\n\r\n.App {\r\n\ttext-align: center;\r\n}\r\n\r\n.App-logo {\r\n\tanimation: App-logo-spin infinite 20s linear;\r\n\theight: 80px;\r\n}\r\n\r\n.App-header {\r\n\tbackground-color: #222;\r\n\theight: 150px;\r\n\tpadding: 20px;\r\n\tcolor: white;\r\n}\r\n\r\n.App-intro {\r\n\tfont-size: large;\r\n}\r\n\r\n@keyframes App-logo-spin {\r\n\tfrom {\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\tto {\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}\r\n\r\nltr {\r\n\tdisplay: inline-block;\r\n\tdirection: ltr !important;\r\n}\r\n\r\nrtl {\r\n\tdisplay: inline;\r\n\tdirection: rtl !important;\r\n}\r\n\r\n@-webkit-keyframes load3 {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(0deg);\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(360deg);\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}\r\n@keyframes load3 {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(0deg);\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(360deg);\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}\r\n\n.irc ::selection {\n background-color: #ffda1a; }\n\n.nrc ::selection {\n background-color: #ff7602; }\n\n.generic ::selection {\n background-color: #29991f; }\n\n.mc ::selection {\n background-color: #e60000; }\n\n.pg ::selection {\n background-color: #59c2ed; }\n\n.cuenta ::selection {\n background-color: #29991f; }\n\n.irc ::selection {\n color: #000000; }\n\n.nrc ::selection {\n color: #ffffff; }\n\n.generic ::selection {\n color: #ffffff; }\n\n.mc ::selection {\n color: #ffffff; }\n\n.pg ::selection {\n color: #ffffff; }\n\n.cuenta ::selection {\n color: #ffffff; }\n\n.irc ::-moz-selection {\n background-color: #ffda1a; }\n\n.nrc ::-moz-selection {\n background-color: #ff7602; }\n\n.generic ::-moz-selection {\n background-color: #29991f; }\n\n.mc ::-moz-selection {\n background-color: #e60000; }\n\n.pg ::-moz-selection {\n background-color: #59c2ed; }\n\n.cuenta ::-moz-selection {\n background-color: #29991f; }\n\n.irc ::-moz-selection {\n color: #000000; }\n\n.nrc ::-moz-selection {\n color: #ffffff; }\n\n.generic ::-moz-selection {\n color: #ffffff; }\n\n.mc ::-moz-selection {\n color: #ffffff; }\n\n.pg ::-moz-selection {\n color: #ffffff; }\n\n.cuenta ::-moz-selection {\n color: #ffffff; }\n\n.green {\n color: green; }\n\n.red {\n color: red; }\n\n.yellow {\n color: yellow; }\n\n.blue {\n color: yellow; }\n\n.loader {\n font-size: 10px;\n margin: 50px auto;\n width: 11em;\n height: 11em;\n border-radius: 50%;\n position: relative;\n -webkit-animation: load3 1.4s infinite linear;\n animation: load3 1.4s infinite linear;\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n content: \" \"; }\n .irc .loader {\n background: #ffda1a;\n background: -moz-linear-gradient(left, #ffda1a 10%, white 42%);\n background: -webkit-linear-gradient(left, #ffda1a 10%, swhite 42%);\n background: -o-linear-gradient(left, #ffda1a 10%, white 42%);\n background: -ms-linear-gradient(left, #ffda1a 10%, white 42%);\n background: linear-gradient(to right, #ffda1a 10%, white 42%); }\n .nrc .loader {\n background: #ff7602;\n background: -moz-linear-gradient(left, #ff7602 10%, white 42%);\n background: -webkit-linear-gradient(left, #ff7602 10%, swhite 42%);\n background: -o-linear-gradient(left, #ff7602 10%, white 42%);\n background: -ms-linear-gradient(left, #ff7602 10%, white 42%);\n background: linear-gradient(to right, #ff7602 10%, white 42%); }\n .generic .loader {\n background: #29991f;\n background: -moz-linear-gradient(left, #29991f 10%, white 42%);\n background: -webkit-linear-gradient(left, #29991f 10%, swhite 42%);\n background: -o-linear-gradient(left, #29991f 10%, white 42%);\n background: -ms-linear-gradient(left, #29991f 10%, white 42%);\n background: linear-gradient(to right, #29991f 10%, white 42%); }\n .mc .loader {\n background: #e60000;\n background: -moz-linear-gradient(left, #e60000 10%, white 42%);\n background: -webkit-linear-gradient(left, #e60000 10%, swhite 42%);\n background: -o-linear-gradient(left, #e60000 10%, white 42%);\n background: -ms-linear-gradient(left, #e60000 10%, white 42%);\n background: linear-gradient(to right, #e60000 10%, white 42%); }\n .pg .loader {\n background: #59c2ed;\n background: -moz-linear-gradient(left, #59c2ed 10%, white 42%);\n background: -webkit-linear-gradient(left, #59c2ed 10%, swhite 42%);\n background: -o-linear-gradient(left, #59c2ed 10%, white 42%);\n background: -ms-linear-gradient(left, #59c2ed 10%, white 42%);\n background: linear-gradient(to right, #59c2ed 10%, white 42%); }\n .cuenta .loader {\n background: #29991f;\n background: -moz-linear-gradient(left, #29991f 10%, white 42%);\n background: -webkit-linear-gradient(left, #29991f 10%, swhite 42%);\n background: -o-linear-gradient(left, #29991f 10%, white 42%);\n background: -ms-linear-gradient(left, #29991f 10%, white 42%);\n background: linear-gradient(to right, #29991f 10%, white 42%); }\n\n.loader:before {\n width: 50%;\n height: 50%;\n border-radius: 100% 0 0 0;\n position: absolute;\n top: 0;\n left: 0;\n content: \"\"; }\n .irc .loader:before {\n background: #ffda1a; }\n .nrc .loader:before {\n background: #ff7602; }\n .generic .loader:before {\n background: #29991f; }\n .mc .loader:before {\n background: #e60000; }\n .pg .loader:before {\n background: #59c2ed; }\n .cuenta .loader:before {\n background: #29991f; }\n\n.loader:after {\n background: #ffffff;\n width: 75%;\n height: 75%;\n border-radius: 50%;\n content: \"\";\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0; }\n\n.rtl i.material-icons, .rtl\ni.icon, .rtl\ni.fa {\n -moz-transform: scaleX(-1);\n -o-transform: scaleX(-1);\n -webkit-transform: scaleX(-1);\n transform: scaleX(-1);\n filter: FlipH;\n -ms-filter: \"FlipH\"; }\n\ncredit:before {\n content: \" \";\n padding-right: 5px;\n padding-left: 5px; }\n\ncredit::after {\n content: \" \";\n padding-right: 5px;\n padding-left: 5px; }\n\ncredit {\n display: block;\n background-color: rgba(0, 0, 0, 0.5);\n color: white;\n position: relative;\n width: 100%;\n margin-top: -30px;\n height: 30px;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: right;\n line-height: 30px; }\n\nimagelabel {\n display: block;\n width: 100%;\n overflow: hidden;\n text-align: center;\n font-style: italic; }\n\nbtn > a,\nbtn-muted > a,\nbtnmuted > a {\n display: flex;\n text-transform: capitalize;\n align-items: center;\n justify-content: center;\n text-align: center;\n min-height: 44px;\n font-size: 16px;\n letter-spacing: 0;\n font-weight: bold;\n line-height: 20px;\n padding-right: 5px;\n padding-left: 5px;\n padding-bottom: 3px;\n padding-top: 3px; }\n\n.irc btn > a {\n background-color: #ffda1a; }\n\n.nrc btn > a {\n background-color: #ff7602; }\n\n.generic btn > a {\n background-color: #29991f; }\n\n.mc btn > a {\n background-color: #e60000; }\n\n.pg btn > a {\n background-color: #59c2ed; }\n\n.cuenta btn > a {\n background-color: #29991f; }\n\n.irc btn > a {\n color: #000000; }\n\n.nrc btn > a {\n color: #ffffff; }\n\n.generic btn > a {\n color: #ffffff; }\n\n.mc btn > a {\n color: #ffffff; }\n\n.pg btn > a {\n color: #ffffff; }\n\n.cuenta btn > a {\n color: #ffffff; }\n\nbtn > a:active {\n border: 1px black solid; }\n .irc btn > a:active {\n border-color: #4d4100; }\n .nrc btn > a:active {\n border-color: #351800; }\n .generic btn > a:active {\n border-color: black; }\n .mc btn > a:active {\n border-color: #1a0000; }\n .pg btn > a:active {\n border-color: #0c526e; }\n .cuenta btn > a:active {\n border-color: black; }\n .irc btn > a:active {\n background-color: #e6c100; }\n .nrc btn > a:active {\n background-color: #ce5e00; }\n .generic btn > a:active {\n background-color: #1e6f16; }\n .mc btn > a:active {\n background-color: #b30000; }\n .pg btn > a:active {\n background-color: #2bb1e8; }\n .cuenta btn > a:active {\n background-color: #1e6f16; }\n\nbtn > a:hover {\n border: 0; }\n\nbtn > a {\n font-size: 100%;\n text-decoration: none;\n border: 0; }\n .irc btn > a {\n color: #000000; }\n .nrc btn > a {\n color: #ffffff; }\n .generic btn > a {\n color: #ffffff; }\n .mc btn > a {\n color: #ffffff; }\n .pg btn > a {\n color: #ffffff; }\n .cuenta btn > a {\n color: #ffffff; }\n\nbtn-muted > a,\nbtn.muted > a,\nbtnmuted > a {\n background-color: #f2f2f2;\n color: #333333; }\n btn-muted > a:active,\n btn.muted > a:active,\n btnmuted > a:active {\n background-color: #a4a4a4; }\n btn-muted > a:hover,\n btn.muted > a:hover,\n btnmuted > a:hover {\n border: 0; }\n btn-muted > a a,\n btn.muted > a a,\n btnmuted > a a {\n font-size: 100%;\n text-decoration: none;\n border: 0; }\n\n#root {\n background-color: #343434; }\n\n\n@charset \"UTF-8\";\nbody {\n background-color: #343434; }\n\n@media (min-width: 1000px) {\n .app-bar-container {\n margin-left: 15vw;\n margin-right: 15vw; }\n footer {\n border-bottom-width: 0;\n border-top-width: 0;\n border-right-width: 15vw;\n border-left-width: 15vw;\n border-style: solid;\n border-color: #343434; }\n .SkeletonContainer {\n border-bottom-width: 0;\n border-top-width: 0;\n border-right-width: 15vw;\n border-left-width: 15vw;\n border-style: solid;\n border-color: #343434; } }\n\n@media (min-width: 1400px) {\n .app-bar-container {\n margin-left: 20vw;\n margin-right: 20vw; }\n footer {\n border-right-width: 20vw;\n border-left-width: 20vw; }\n .SkeletonContainer {\n border-right-width: 20vw;\n border-left-width: 20vw; } }\n\ns,\nsquare {\n text-decoration: none;\n transform: translate(0px, -14px); }\n s > a,\n square > a {\n text-decoration: none;\n text-transform: uppercase;\n font-size: 14px;\n font-weight: bold; }\n .irc s > a:before, .irc\n square > a:before {\n color: #e6c100; }\n .nrc s > a:before, .nrc\n square > a:before {\n color: #ce5e00; }\n .generic s > a:before, .generic\n square > a:before {\n color: #1e6f16; }\n .mc s > a:before, .mc\n square > a:before {\n color: #b30000; }\n .pg s > a:before, .pg\n square > a:before {\n color: #2bb1e8; }\n .cuenta s > a:before, .cuenta\n square > a:before {\n color: #1e6f16; }\n .irc s > a:before, .irc\n square > a:before {\n border-color: #ffda1a; }\n .nrc s > a:before, .nrc\n square > a:before {\n border-color: #ff7602; }\n .generic s > a:before, .generic\n square > a:before {\n border-color: #29991f; }\n .mc s > a:before, .mc\n square > a:before {\n border-color: #e60000; }\n .pg s > a:before, .pg\n square > a:before {\n border-color: #59c2ed; }\n .cuenta s > a:before, .cuenta\n square > a:before {\n border-color: #29991f; }\n s > a:before,\n square > a:before {\n content: \"□\";\n vertical-align: sub;\n margin-top: -4px;\n font-size: 30px; }\n @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1000px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 1000px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1000px) {\n s > a:before,\n square > a:before {\n font-size: 20px; } }\n .ltr s > a:before, .ltr\n square > a:before {\n padding-right: 5px; }\n .rtl s > a:before, .rtl\n square > a:before {\n padding-left: 5px; }\n\na,\nem,\nli,\np {\n color: #404040;\n font-size: 1rem; }\n\n.rtl .Skeleton {\n direction: rtl; }\n\n/*\nLess me\n*/\n.app-bar {\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-direction: normal;\n -webkit-box-orient: horizontal;\n -webkit-flex-direction: row;\n -moz-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n -moz-align-items: center;\n align-items: center;\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n -webkit-justify-content: flex-start;\n -moz-justify-content: flex-start;\n justify-content: flex-start;\n position: fixed;\n width: 100%;\n top: 0;\n height: 64px;\n box-shadow: 0 1px 1px 0;\n background-color: #000000; }\n\n.app-bar-container {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n color: white;\n flex: 1;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n height: 50; }\n @media (max-width: 1000px) {\n .rtl .app-bar-container.logo {\n padding-right: 18px; }\n .ltr .app-bar-container.logo {\n padding-left: 18px; }\n .ltr .app-bar-container.buttons {\n padding-right: 18px; }\n .rtl .app-bar-container.buttons {\n padding-left: 18px; } }\n\n.logo-centered {\n align-items: center;\n justify-content: center; }\n\n.app-bar-buttons {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex-direction: row; }\n .rtl .app-bar-buttons span {\n font-family: \"Cairo\", sans-serif; }\n\n.app-bar-separator {\n border-left-width: 1px;\n border-left-color: #ffffff;\n border-left-style: solid;\n height: 25px; }\n .irc .app-bar-separator {\n border-left-color: #ffda1a; }\n .nrc .app-bar-separator {\n border-left-color: #ff7602; }\n .generic .app-bar-separator {\n border-left-color: #29991f; }\n .mc .app-bar-separator {\n border-left-color: #e60000; }\n .pg .app-bar-separator {\n border-left-color: #59c2ed; }\n .cuenta .app-bar-separator {\n border-left-color: #29991f; }\n\n.app-bar-logo {\n height: 40px; }\n\n.headroom {\n top: 0;\n left: 0;\n right: 0;\n z-index: 1; }\n\n.headroom--unfixed {\n position: relative;\n -ms-transform: translateY(0%);\n -moz-transform: translateY(0%);\n -webkit-transform: translateY(0%);\n transform: translateY(0); }\n\n.headroom--scrolled, .headroom--unpinned, .headroom--pinned {\n -moz-transition: transform 200ms ease-in-out;\n -webkit-transition: transform 200ms ease-in-out;\n transition: transform 200ms ease-in-out; }\n\n.headroom--unpinned {\n position: fixed;\n -ms-transform: translateY(-65px);\n -moz-transform: translateY(-65px);\n -webkit-transform: translateY(-65px);\n transform: translateY(-65px); }\n\n.headroom--pinned {\n position: fixed;\n -ms-transform: translateY(0%);\n -moz-transform: translateY(0%);\n -webkit-transform: translateY(0%);\n transform: translateY(0%); }\n\n.AppHeader .SearchBar {\n height: 30px;\n padding-bottom: 1em;\n padding-left: 16px;\n padding-right: 16px;\n background-color: black; }\n .AppHeader .SearchBar input {\n -webkit-appearance: none;\n line-height: 25px;\n font-size: 20px;\n width: 100%;\n box-sizing: border-box;\n border: 0;\n background-color: black;\n border-bottom: 2px white solid;\n color: white;\n padding: 0;\n border-radius: 0; }\n .AppHeader .SearchBar input:focus {\n outline: none; }\n .AppHeader .SearchBar .fa-times-circle {\n margin-inline-start: -33px;\n margin: 5px 5px;\n top: 60px; }\n .ltr .AppHeader .SearchBar .fa-times-circle {\n right: 35px; }\n .rtl .AppHeader .SearchBar .fa-times-circle {\n left: 35px; }\n .AppHeader .SearchBar .fa-search {\n margin: 5px 5px;\n top: 60px; }\n .ltr .AppHeader .SearchBar .fa-search {\n right: 5px; }\n .rtl .AppHeader .SearchBar .fa-search {\n left: 5px; }\n .AppHeader .SearchBar .fa {\n color: white;\n width: 25px;\n font-size: 20px;\n position: absolute; }\n\n.search-close > span:first-of-type {\n position: relative;\n top: 50%;\n left: 35%;\n transform: translate(-50%, -50%);\n text-align: center;\n max-width: 20px;\n height: 20px;\n cursor: pointer;\n margin-top: 22px; }\n .rtl .search-close > span:first-of-type {\n left: 0; }\n\n.search-close > span:first-of-type:before,\n.search-close > span:first-of-type:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n border: 2px solid #ffffff; }\n\n.search-close > span:first-of-type:before {\n width: 75%;\n height: 75%;\n border-radius: 50%;\n border-width: 2px;\n transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n /* FF3.5/3.6 */\n -o-transform: rotate(45deg);\n /* Opera 10.5 */\n -webkit-transform: rotate(45deg);\n /* Saf3.1+ */\n transition: all 0.3s, background-color 0s linear 0s;\n filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\"auto expand\", M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);\n /* IE6,IE7 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)\";\n /* IE8 */ }\n\n.search-close > span:first-of-type:after {\n border-width: 1px;\n width: 0;\n height: 35%;\n left: 75%;\n top: 75%;\n margin-left: 0;\n margin-top: 0;\n background-color: #ffffff;\n transform: translate(-50%, -50%) rotate(-45deg);\n transition: all 0.3s; }\n\n.active > span:first-of-type:before {\n width: 0;\n height: 100%;\n border-radius: 0;\n border-width: 1px;\n left: 50%;\n background-color: #ffffff;\n transition: all 0.3s, background-color 0s linear 0.3s;\n transform: translateX(-1px) rotate(45deg); }\n\n.active > span:first-of-type:after {\n height: 100%;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%) rotate(-45deg); }\n\n.MuiIconButton-label-30 > svg,\n.MuiSvgIcon-root-102 {\n display: none; }\n\n.SearchButton {\n width: 100%;\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n transform: translate(-50%, -50%);\n text-align: center;\n max-width: 20px;\n height: 20px;\n cursor: pointer;\n margin-top: 24px;\n margin-left: 20px; }\n\n.SearchButton:before,\n.SearchButton:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n box-sizing: border-box;\n border: 2px solid #ffffff; }\n\n.SearchButton:before {\n width: 75%;\n height: 75%;\n border-radius: 50%;\n border-width: 2px;\n transform: rotate(45deg);\n transition: all 0.3s, background-color 0s linear 0s; }\n\n.active .SearchButton:before {\n width: 0;\n height: 100%;\n border-radius: 0;\n border-width: 1px;\n left: 50%;\n background-color: #ffffff;\n transition: all 0.3s, background-color 0s linear 0.3s;\n transform: translateX(-1px) rotate(45deg); }\n\n.SearchButton:after {\n border-width: 1px;\n width: 0;\n height: 35%;\n left: 75%;\n top: 75%;\n margin-left: 0;\n margin-top: 0;\n background-color: #ffffff;\n transform: translate(-50%, -50%) rotate(-45deg);\n transition: all 0.3s; }\n\n.active .SearchButton:after {\n height: 100%;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%) rotate(-45deg); }\n\n.SearchButton svg {\n display: none; }\n\n.ArticleFooter {\n background: #f0f0f0;\n border-top: 1px black solid; }\n\n.ArticleFooter hr {\n padding: 0;\n margin: auto;\n border: 0;\n border-top-width: 1px;\n border-top-color: #a4a4a4;\n border-style: solid;\n border-radius: 1px;\n height: 0;\n width: 95%; }\n\n.ArticleFooter .divider {\n border-top-color: black;\n border-top-color: #717171;\n width: 100%; }\n\n.ArticleFooter .icon {\n padding-right: 10px;\n padding-left: 10px; }\n\n.ArticleFooter .selector {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: #f0f0f0;\n min-height: 60px;\n flex-direction: row;\n align-items: center;\n cursor: pointer; }\n\n.ArticleFooter .selector > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n flex: 1; }\n\n.ArticleFooter .selector > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n\n.ArticleFooter .up {\n display: none; }\n\n.ArticleFooter input {\n display: none; }\n\n.ArticleFooter input:checked + label > .up {\n display: flex; }\n\n.ArticleFooter input:checked + label > .down {\n display: none; }\n\n.ArticleFooter input:checked ~ ul {\n display: block;\n transition: display 2s ease-in-out; }\n\n.ArticlePage.loading {\n opacity: 0.2;\n transition: opacity 0.2s ease-in-out; }\n\n.ArticlePage.loaded {\n opacity: 1;\n transition: opacity 0.2s ease-in-out; }\n\n.ArticlePage u {\n text-decoration: none; }\n\n.ArticlePage a:hover {\n text-decoration: none;\n border-bottom: 2px black solid; }\n .irc .ArticlePage a:hover {\n border-bottom-color: #ffda1a; }\n .nrc .ArticlePage a:hover {\n border-bottom-color: #ff7602; }\n .generic .ArticlePage a:hover {\n border-bottom-color: #29991f; }\n .mc .ArticlePage a:hover {\n border-bottom-color: #e60000; }\n .pg .ArticlePage a:hover {\n border-bottom-color: #59c2ed; }\n .cuenta .ArticlePage a:hover {\n border-bottom-color: #29991f; }\n\n.ArticlePage .pos,\n.ArticlePage .neg {\n display: none;\n visibility: hidden;\n height: 0;\n width: 0;\n margin: 0;\n padding: 0; }\n\n.ArticlePage .pos + ul,\n.ArticlePage .neg + ul {\n padding: 0; }\n .ArticlePage .pos + ul li,\n .ArticlePage .neg + ul li {\n list-style: none; }\n .ArticlePage .pos + ul li::before,\n .ArticlePage .neg + ul li::before {\n font-family: \"FontAwesome\"; }\n\n.ArticlePage .pos + ul li::before {\n content: \"\\f00c \";\n color: green; }\n\n.ArticlePage .neg + ul li::before {\n content: \"\\f00d \";\n color: red; }\n\n.ArticlePage .Facebook {\n width: 100%; }\n\n.ArticlePage .YouTube {\n width: 100%; }\n\n.ArticlePage .tel {\n direction: ltr; }\n\n.ArticlePage blockquote {\n border-left-width: 3px;\n border-left-style: solid;\n padding-left: 1em;\n margin: 2px; }\n .irc .ArticlePage blockquote {\n border-left-color: #ffd601; }\n .nrc .ArticlePage blockquote {\n border-left-color: #e86a00; }\n .generic .ArticlePage blockquote {\n border-left-color: #23841b; }\n .mc .ArticlePage blockquote {\n border-left-color: #cd0000; }\n .pg .ArticlePage blockquote {\n border-left-color: #42baeb; }\n .cuenta .ArticlePage blockquote {\n border-left-color: #23841b; }\n\n.ArticlePage hr {\n width: 20%;\n border-width: 1px;\n border-style: solid;\n border-radius: 2px;\n height: 0;\n color: #000000;\n border-color: #000000; }\n .ltr .ArticlePage hr {\n margin-left: 0; }\n .rtl .ArticlePage hr {\n margin-right: 0; }\n .irc .ArticlePage hr {\n color: #ffda1a; }\n .nrc .ArticlePage hr {\n color: #ff7602; }\n .generic .ArticlePage hr {\n color: #29991f; }\n .mc .ArticlePage hr {\n color: #e60000; }\n .pg .ArticlePage hr {\n color: #59c2ed; }\n .cuenta .ArticlePage hr {\n color: #29991f; }\n .irc .ArticlePage hr {\n border-color: #ffda1a; }\n .nrc .ArticlePage hr {\n border-color: #ff7602; }\n .generic .ArticlePage hr {\n border-color: #29991f; }\n .mc .ArticlePage hr {\n border-color: #e60000; }\n .pg .ArticlePage hr {\n border-color: #59c2ed; }\n .cuenta .ArticlePage hr {\n border-color: #29991f; }\n\n.ArticlePage .title {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: #f0f0f0;\n min-height: 60px;\n flex-direction: row;\n align-items: center; }\n\n.ArticlePage .title > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n flex: 1; }\n\n.ArticlePage .title > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n\n.ArticlePage article {\n padding: 5px; }\n\n.ArticlePage .hero {\n background-color: #000000;\n display: flex;\n align-items: center;\n justify-content: center; }\n\n.ArticlePage .hero > img {\n max-width: 100%; }\n\n.ArticlePage article {\n margin-left: 5px;\n margin-right: 5px; }\n .ArticlePage article img {\n max-width: 100%;\n margin: auto;\n display: block; }\n .ArticlePage article h1 {\n font-size: 24px; }\n .ArticlePage article h2 {\n font-size: 18px; }\n .ArticlePage article h3 {\n font-size: 16px; }\n .ArticlePage article ul li {\n list-style-type: square; }\n\n.rtl .BottomNav span {\n font-size: 12px; }\n\n.rtl .BottomNav .Selected {\n font-family: \"Cairo\", sans-serif; }\n\n.irc .BottomNav .Selected {\n color: #ffd601; }\n\n.nrc .BottomNav .Selected {\n color: #e86a00; }\n\n.generic .BottomNav .Selected {\n color: #23841b; }\n\n.mc .BottomNav .Selected {\n color: #cd0000; }\n\n.pg .BottomNav .Selected {\n color: #42baeb; }\n\n.cuenta .BottomNav .Selected {\n color: #23841b; }\n\n.BottomNav .Selected > span > span {\n color: black;\n font-weight: 700; }\n .rtl .BottomNav .Selected > span > span {\n font-family: \"Cairo\", sans-serif; }\n\n.rtl .BottomNav > div > button > span > svg {\n -moz-transform: scaleX(-1);\n -o-transform: scaleX(-1);\n -webkit-transform: scaleX(-1);\n transform: scaleX(-1);\n filter: FlipH;\n -ms-filter: \"FlipH\"; }\n\n@media (max-width: 375px) {\n .BottomNav .BottomButton {\n font-size: 75% !important; } }\n\n.rtl .BottomNav .BottomButton {\n font-family: \"Cairo\", \"Roboto\", sans-serif; }\n\n.ltr .BottomNav .BottomButton {\n font-family: \"Roboto\", sans-serif;\n padding: 0; }\n\n.CategoryList .article-title:hover {\n cursor: pointer;\n text-decoration: underline; }\n\n.CategoryList .CategoryTitle {\n height: 72px;\n padding-left: 16px;\n padding-right: 16px;\n text-transform: uppercase;\n background: #f2f2f2;\n font-size: 18px;\n line-height: 20px;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: flex-start; }\n\n.CategoryList .fa {\n font-size: 20px;\n width: 31px; }\n\n.CategoryList .article-container {\n padding: 15px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center; }\n\n.CategoryList ul {\n list-style: none;\n margin: 0;\n padding: 0; }\n\n.CategoryList ul li .container {\n padding: 16px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .CategoryList ul li .container:active {\n background-color: #f6f6f6; }\n\n.CategoryList > ul li .container > i {\n padding-right: 10px;\n width: 25px; }\n\n.CategoryList ul li .inner-container {\n padding: 10px;\n display: flex;\n flex-direction: row; }\n\n.CategoryList ul > li > label {\n font-size: 18px;\n display: block;\n margin: 0;\n cursor: pointer;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.CategoryList ul > li > ul {\n list-style: none;\n display: none;\n margin: 0;\n padding: 0;\n margin-right: 40px;\n margin-left: 40px; }\n .CategoryList ul > li > ul.sub-categories {\n margin-right: 50px;\n margin-left: 50px;\n padding-right: 10px;\n padding-left: 10px; }\n .irc .CategoryList ul > li > ul.sub-categories {\n border-left-color: #ffda1a; }\n .nrc .CategoryList ul > li > ul.sub-categories {\n border-left-color: #ff7602; }\n .generic .CategoryList ul > li > ul.sub-categories {\n border-left-color: #29991f; }\n .mc .CategoryList ul > li > ul.sub-categories {\n border-left-color: #e60000; }\n .pg .CategoryList ul > li > ul.sub-categories {\n border-left-color: #59c2ed; }\n .cuenta .CategoryList ul > li > ul.sub-categories {\n border-left-color: #29991f; }\n .irc .CategoryList ul > li > ul.sub-categories {\n border-right-color: #ffda1a; }\n .nrc .CategoryList ul > li > ul.sub-categories {\n border-right-color: #ff7602; }\n .generic .CategoryList ul > li > ul.sub-categories {\n border-right-color: #29991f; }\n .mc .CategoryList ul > li > ul.sub-categories {\n border-right-color: #e60000; }\n .pg .CategoryList ul > li > ul.sub-categories {\n border-right-color: #59c2ed; }\n .cuenta .CategoryList ul > li > ul.sub-categories {\n border-right-color: #29991f; }\n .ltr .CategoryList ul > li > ul.sub-categories {\n border-left-width: 3px;\n border-left-style: solid; }\n .rtl .CategoryList ul > li > ul.sub-categories {\n border-right-width: 3px;\n border-right-style: solid; }\n .CategoryList ul > li > ul > li {\n font-size: 14px; }\n\n.CategoryList .category-name {\n flex-grow: 9; }\n\n.CategoryList hr {\n padding: 0;\n margin: auto;\n border: 0;\n border-top-width: 1px;\n border-top-color: #f0f0f0;\n border-style: solid;\n border-radius: 1px;\n height: 0;\n width: 95%; }\n\n.CategoryList .up {\n display: none;\n flex-grow: 1;\n align-self: flex-end;\n align-items: flex-end;\n flex-direction: column; }\n\n.CategoryList .down {\n display: flex;\n flex-grow: 1;\n align-self: flex-end;\n align-items: flex-end;\n flex-direction: column; }\n\n.CategoryList input {\n display: none; }\n\n.CategoryList input:checked + label > .up {\n display: flex; }\n\n.CategoryList input:checked + label > .down {\n display: none; }\n\n.CategoryList input:checked ~ ul {\n display: block;\n transition: display 2s ease-in-out; }\n\n.CountrySelector {\n flex: 1;\n display: flex;\n flex-direction: column;\n min-height: calc(100vh);\n margin-top: -64px; }\n .CountrySelector .spacer {\n flex-grow: 1;\n max-height: 200px; }\n .CountrySelector .bottom {\n height: 100px; }\n .CountrySelector .item {\n margin: 10px;\n border: 0;\n padding: 5px;\n background-color: #f0f0f0;\n outline: none;\n height: 52px;\n font-size: 16px;\n color: #5e5e5e;\n letter-spacing: 0;\n line-height: 20px; }\n .CountrySelector .item:active {\n background-color: #a4a4a4; }\n .CountrySelector .item:hover {\n border: 0; }\n .CountrySelector .text {\n height: 180px;\n display: flex;\n flex-direction: column;\n align-items: center;\n align-content: center;\n justify-content: center; }\n .CountrySelector .text i {\n display: block;\n font-size: 40px; }\n .irc .CountrySelector .text i {\n color: #ffda1a; }\n .nrc .CountrySelector .text i {\n color: #ff7602; }\n .generic .CountrySelector .text i {\n color: #29991f; }\n .mc .CountrySelector .text i {\n color: #e60000; }\n .pg .CountrySelector .text i {\n color: #59c2ed; }\n .cuenta .CountrySelector .text i {\n color: #29991f; }\n .CountrySelector .text h1 {\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n line-height: 20px;\n font-weight: bold;\n text-transform: uppercase;\n margin-bottom: 0; }\n .CountrySelector .text h2 {\n font-size: 14px;\n color: #000000;\n letter-spacing: 0;\n line-height: 20px;\n text-transform: uppercase;\n margin-bottom: 0;\n padding: 5px; }\n\n.DetectLocationSelector {\n flex: 1;\n display: flex;\n flex-direction: column;\n min-height: calc(100vh);\n margin-top: -64px; }\n .DetectLocationSelector .spacer {\n flex-grow: 1;\n max-height: 200px; }\n .DetectLocationSelector .bottom {\n height: 100px; }\n .DetectLocationSelector .item {\n margin: 10px;\n border: 0;\n padding: 5px;\n background-color: #f0f0f0;\n outline: none;\n height: 52px;\n font-size: 16px;\n color: #5e5e5e;\n letter-spacing: 0;\n line-height: 20px; }\n .DetectLocationSelector .item:active {\n background-color: #a4a4a4; }\n .DetectLocationSelector .item:hover {\n border: 0; }\n .DetectLocationSelector .text {\n height: 180px;\n display: flex;\n flex-direction: column;\n align-items: center;\n align-content: center;\n justify-content: center; }\n .DetectLocationSelector .text i {\n display: block;\n font-size: 40px; }\n .irc .DetectLocationSelector .text i {\n color: #ffda1a; }\n .nrc .DetectLocationSelector .text i {\n color: #ff7602; }\n .generic .DetectLocationSelector .text i {\n color: #29991f; }\n .mc .DetectLocationSelector .text i {\n color: #e60000; }\n .pg .DetectLocationSelector .text i {\n color: #59c2ed; }\n .cuenta .DetectLocationSelector .text i {\n color: #29991f; }\n .DetectLocationSelector .text h1 {\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n line-height: 20px;\n font-weight: bold;\n text-transform: uppercase;\n margin-bottom: 0; }\n .DetectLocationSelector .text h2 {\n font-size: 14px;\n color: #000000;\n letter-spacing: 0;\n line-height: 20px;\n text-transform: uppercase;\n margin-bottom: 0;\n padding: 5px; }\n .DetectLocationSelector .overlay {\n display: none; }\n .DetectLocationSelector .overlay.active {\n height: 100%;\n position: absolute;\n background-color: black;\n top: 0;\n left: 0;\n width: 100vw;\n opacity: 0.3;\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: center; }\n .DetectLocationSelector .overlay.active h1 {\n color: white;\n font-size: 18px; }\n\n.Footer #lang-icn {\n height: 24px; }\n\n.irc .Footer .fill-clr {\n fill: #ffda1a; }\n\n.nrc .Footer .fill-clr {\n fill: #ff7602; }\n\n.generic .Footer .fill-clr {\n fill: #29991f; }\n\n.mc .Footer .fill-clr {\n fill: #e60000; }\n\n.pg .Footer .fill-clr {\n fill: #59c2ed; }\n\n.cuenta .Footer .fill-clr {\n fill: #29991f; }\n\n.Footer .cls-1 {\n fill: none; }\n\n.Footer .cls-2 {\n clip-path: url(#clip-path); }\n\n.Footer .cls-3 {\n clip-path: url(#clip-path-2); }\n\n.Footer .cls-5 {\n clip-path: url(#clip-path-3); }\n\n.irc .Footer .Signpost a {\n color: #ffda1a; }\n\n.nrc .Footer .Signpost a {\n color: #ff7602; }\n\n.generic .Footer .Signpost a {\n color: #29991f; }\n\n.mc .Footer .Signpost a {\n color: #e60000; }\n\n.pg .Footer .Signpost a {\n color: #59c2ed; }\n\n.cuenta .Footer .Signpost a {\n color: #29991f; }\n\n.rtl .Footer .Signpost {\n display: flex;\n flex-direction: row-reverse; }\n .rtl .Footer .Signpost a {\n margin: 0 3px 0 3px; }\n\n.Footer .Signpost span {\n padding: 0 3px 0 3px; }\n\n.Footer .light {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n min-height: 100px;\n padding: 5px; }\n .rtl .Footer .light h3 {\n line-height: 3px; }\n .Footer .light p {\n margin-bottom: 0; }\n .irc .Footer .light, .irc\n .Footer .light a {\n background-color: #ffda1a; }\n .nrc .Footer .light, .nrc\n .Footer .light a {\n background-color: #ff7602; }\n .generic .Footer .light, .generic\n .Footer .light a {\n background-color: #29991f; }\n .mc .Footer .light, .mc\n .Footer .light a {\n background-color: #e60000; }\n .pg .Footer .light, .pg\n .Footer .light a {\n background-color: #59c2ed; }\n .cuenta .Footer .light, .cuenta\n .Footer .light a {\n background-color: #29991f; }\n .irc .Footer .light, .irc\n .Footer .light a {\n color: #000000; }\n .nrc .Footer .light, .nrc\n .Footer .light a {\n color: #ffffff; }\n .generic .Footer .light, .generic\n .Footer .light a {\n color: #ffffff; }\n .mc .Footer .light, .mc\n .Footer .light a {\n color: #ffffff; }\n .pg .Footer .light, .pg\n .Footer .light a {\n color: #ffffff; }\n .cuenta .Footer .light, .cuenta\n .Footer .light a {\n color: #ffffff; }\n\n.Footer .dark {\n display: flex;\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-direction: column;\n min-height: 200px;\n padding: 5px;\n background-color: #000000;\n color: #ffffff; }\n .Footer .dark img.app-store-logo {\n max-height: 50px;\n margin-top: 10px; }\n .Footer .dark span {\n text-align: center;\n font-size: 12px;\n align-items: baseline; }\n .Footer .dark span.padded {\n padding: 3em; }\n\n.Footer .button-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding-top: 1em;\n padding-bottom: 1em;\n margin-bottom: 1em;\n border-bottom: 1px #a4a4a4 solid; }\n .rtl .Footer .button-container {\n flex-direction: row-reverse; }\n\n.Footer .button {\n flex-grow: 3;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n align-content: center; }\n .Footer .button.left {\n height: 100%;\n border: 0;\n border-right-color: #a4a4a4;\n border-right-width: 1px;\n border-right-style: solid; }\n .irc .Footer .button .icon-container {\n color: #ffda1a; }\n .nrc .Footer .button .icon-container {\n color: #ff7602; }\n .generic .Footer .button .icon-container {\n color: #29991f; }\n .mc .Footer .button .icon-container {\n color: #e60000; }\n .pg .Footer .button .icon-container {\n color: #59c2ed; }\n .cuenta .Footer .button .icon-container {\n color: #29991f; }\n\n.Footer {\n margin-bottom: 57px; }\n\n.HeaderBar ul {\n display: none;\n padding: 0;\n margin: 0;\n list-style: none;\n border-top: 1px #a4a4a4 solid;\n border-bottom: 1px #a4a4a4 solid; }\n\n.HeaderBar ul > li {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: whitesmoke;\n min-height: 60px;\n flex-direction: row;\n align-items: center;\n cursor: pointer; }\n\n.HeaderBar ul > li > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n flex: 1; }\n\n.HeaderBar ul > li > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n\n.HeaderBar li:not(:nth-child(1)) {\n border-top: 1px darkgray solid; }\n\n.HeaderBar input {\n display: none; }\n\n.HeaderBar input:checked + label > .up {\n display: flex; }\n\n.HeaderBar input:checked + label > .down {\n display: none; }\n\n.HeaderBar input:checked + label ~ ul {\n display: block;\n transition: display 2s; }\n\n.HeaderBar label {\n min-height: 72px;\n padding: 10px;\n padding-top: 0;\n padding-bottom: 0;\n background: #f0f0f0;\n font-size: 18px;\n line-height: 20px;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: flex-start; }\n\n.HeaderBar h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n flex: 1; }\n\n.HeaderBar h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n\n.HeaderBar .up {\n display: none; }\n\n.HeaderBar .up,\n.HeaderBar .down {\n width: 30px; }\n\n.HeaderBar i {\n padding-right: 10px;\n padding-left: 10px;\n font-size: 25px;\n width: 24px;\n height: 24px;\n text-align: center; }\n\n.HomeWidget {\n padding: 20px 20px; }\n .HomeWidget .hero {\n margin-right: -20px;\n margin-left: -20px;\n margin-top: -20px; }\n @media (min-width: 1000px) {\n .HomeWidget {\n flex-basis: calc(50% - 40px); }\n .HomeWidget.Highlighted {\n flex-basis: 100%; }\n .HomeWidget:first-child.Highlighted .hero {\n background-color: black; } }\n .HomeWidget s.Read-More {\n display: flex;\n flex-direction: row; }\n .HomeWidget .TopCategories h3 {\n text-transform: uppercase; }\n .ltr .HomeWidget .TopCategories s {\n float: right; }\n .rtl .HomeWidget .TopCategories s {\n float: left; }\n .ltr .HomeWidget .LocalGuide s {\n float: right; }\n .rtl .HomeWidget .LocalGuide s {\n float: left; }\n .HomeWidget .LocalGuide .Container {\n display: flex;\n flex-wrap: wrap;\n width: 100%; }\n .HomeWidget .LocalGuide .Container .LocalGuideItem {\n display: block;\n flex-basis: calc(50% - 5px);\n margin-bottom: 5px;\n margin-right: 10px;\n text-align: center;\n justify-content: center; }\n .rtl .HomeWidget .LocalGuide .Container .LocalGuideItem {\n margin-left: 10px;\n margin-right: 0; }\n .HomeWidget .LocalGuide .Container .LocalGuideItem img {\n height: 72px;\n width: 100%;\n object-fit: cover; }\n .HomeWidget .LocalGuide .Container .LocalGuideItem:nth-child(odd) {\n color: red;\n margin-right: 5px;\n margin-left: 0; }\n .rtl .HomeWidget .LocalGuide .Container .LocalGuideItem:nth-child(odd) {\n margin-left: 5px;\n margin-right: 0; }\n .HomeWidget .LocalGuide .Container .LocalGuideItem:nth-child(even) {\n color: blue;\n margin-left: 5px;\n margin-right: 0; }\n .rtl .HomeWidget .LocalGuide .Container .LocalGuideItem:nth-child(even) {\n margin-right: 5px;\n margin-left: 0; }\n .HomeWidget .LocalGuide .Container .Overlay:hover,\n .HomeWidget .LocalGuide .Container .Overlay:active {\n background-color: rgba(0, 0, 0, 0.4); }\n .HomeWidget .LocalGuide .Container .Overlay {\n display: flex;\n position: relative;\n top: -76px;\n background-color: rgba(0, 0, 0, 0.7);\n height: 72px;\n justify-content: center;\n align-content: center;\n align-items: center;\n margin-bottom: -76px;\n color: white;\n font-size: 14px;\n letter-spacing: 0;\n line-height: 16px;\n transition: background-color 1s ease-in-out; }\n .rtl .HomeWidget .LocalGuide .Container .Overlay {\n top: -80px; }\n .HomeWidget .TopCategory {\n display: flex;\n flex-direction: row;\n align-items: center;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding-bottom: 16px; }\n .HomeWidget .TopCategory .icon {\n width: 30px;\n display: flex;\n flex-direction: row;\n align-items: center;\n display: inline-block;\n justify-content: center;\n font-size: 120%; }\n .ltr .HomeWidget .TopCategory .icon {\n padding-right: 10px; }\n .rtl .HomeWidget .TopCategory .icon {\n padding-left: 10px; }\n .HomeWidget .Category h3 {\n text-transform: uppercase; }\n .HomeWidget .Category h3:hover {\n text-transform: uppercase;\n text-decoration: underline;\n cursor: pointer; }\n .HomeWidget .Category .Article {\n font-size: 80%; }\n .HomeWidget .Category .Article h3 {\n text-transform: none;\n margin-bottom: 3px;\n font-weight: 700; }\n .HomeWidget .Article .Facebook {\n width: 100%; }\n .HomeWidget .Article .YouTube {\n width: 100%; }\n .HomeWidget .Article h3 {\n margin-bottom: 10px; }\n .HomeWidget .Article p {\n margin-top: 0;\n font-weight: 300; }\n .HomeWidget .Article p u {\n text-decoration-skip: ink; }\n .HomeWidget .Article .hero {\n display: flex;\n align-items: center;\n justify-content: center; }\n .HomeWidget .Article .hero > img {\n max-width: 100%; }\n .HomeWidget .Article .pos,\n .HomeWidget .Article .neg {\n display: none;\n visibility: hidden;\n height: 0;\n width: 0;\n margin: 0;\n padding: 0; }\n .HomeWidget .Article .pos + ul,\n .HomeWidget .Article .neg + ul {\n padding: 0; }\n .HomeWidget .Article .pos + ul li,\n .HomeWidget .Article .neg + ul li {\n list-style: none; }\n .HomeWidget .Article .pos + ul li::before,\n .HomeWidget .Article .neg + ul li::before {\n font-family: \"FontAwesome\"; }\n .HomeWidget .Article .pos + ul li::before {\n content: \"\\f00c \";\n color: green; }\n .HomeWidget .Article .neg + ul li::before {\n content: \"\\f00d \";\n color: red; }\n\n@media (min-width: 1000px) {\n .HomeWidgetCollection {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row; } }\n\n.LanguageSelector {\n flex: 1;\n display: flex;\n flex-direction: column;\n min-height: calc(100vh);\n margin-top: -64px; }\n .LanguageSelector .spacer {\n flex-grow: 1;\n max-height: 200px; }\n .LanguageSelector .bottom {\n height: 100px; }\n .LanguageSelector .item {\n margin: 10px;\n border: 0;\n padding: 5px;\n background-color: #f0f0f0;\n outline: none;\n height: 52px;\n font-size: 16px;\n color: #5e5e5e;\n letter-spacing: 0;\n line-height: 20px; }\n .LanguageSelector .item:active {\n background-color: #a4a4a4; }\n .LanguageSelector .item:hover {\n border: 0; }\n .LanguageSelector .text {\n height: 180px;\n display: flex;\n flex-direction: column;\n align-items: center;\n align-content: center;\n justify-content: center; }\n .LanguageSelector .text i {\n display: block;\n font-size: 40px; }\n .irc .LanguageSelector .text i {\n color: #ffda1a; }\n .nrc .LanguageSelector .text i {\n color: #ff7602; }\n .generic .LanguageSelector .text i {\n color: #29991f; }\n .mc .LanguageSelector .text i {\n color: #e60000; }\n .pg .LanguageSelector .text i {\n color: #59c2ed; }\n .cuenta .LanguageSelector .text i {\n color: #29991f; }\n .LanguageSelector .text h1 {\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n line-height: 20px;\n font-weight: bold;\n text-transform: uppercase;\n margin-bottom: 0; }\n .LanguageSelector .text h2 {\n font-size: 14px;\n color: #000000;\n letter-spacing: 0;\n line-height: 20px;\n text-transform: uppercase;\n margin-bottom: 0;\n padding: 5px; }\n\n.SearchPage {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n width: 100%;\n padding-bottom: 10px; }\n .SearchPage .Article,\n .SearchPage .Service {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n margin-top: 16px;\n min-width: 100%; }\n .SearchPage .Article .Image,\n .SearchPage .Service .Image {\n width: 6rem;\n height: 4rem;\n overflow: hidden;\n background-position: center;\n background-size: cover;\n align-self: center; }\n .ltr .SearchPage .Article .Image, .ltr\n .SearchPage .Service .Image {\n margin-right: 16px; }\n .rtl .SearchPage .Article .Image, .rtl\n .SearchPage .Service .Image {\n margin-left: 16px; }\n .SearchPage .Article .Image img,\n .SearchPage .Service .Image img {\n width: auto; }\n .SearchPage .Article .Text,\n .SearchPage .Service .Text {\n flex: 1;\n display: block;\n min-width: 100%; }\n .SearchPage .Article .Read-More,\n .SearchPage .Service .Read-More {\n padding-top: 10px;\n flex-basis: 100%; }\n .SearchPage hr {\n width: 100%;\n border-width: 1px;\n border-style: solid;\n border-radius: 2px;\n height: 0;\n color: #000000;\n border-color: #000000; }\n .ltr .SearchPage hr {\n margin-left: 0; }\n .rtl .SearchPage hr {\n margin-right: 0; }\n .irc .SearchPage hr {\n color: #ffda1a; }\n .nrc .SearchPage hr {\n color: #ff7602; }\n .generic .SearchPage hr {\n color: #29991f; }\n .mc .SearchPage hr {\n color: #e60000; }\n .pg .SearchPage hr {\n color: #59c2ed; }\n .cuenta .SearchPage hr {\n color: #29991f; }\n .irc .SearchPage hr {\n border-color: #ffda1a; }\n .nrc .SearchPage hr {\n border-color: #ff7602; }\n .generic .SearchPage hr {\n border-color: #29991f; }\n .mc .SearchPage hr {\n border-color: #e60000; }\n .pg .SearchPage hr {\n border-color: #59c2ed; }\n .cuenta .SearchPage hr {\n border-color: #29991f; }\n .SearchPage hr.line {\n padding: 0;\n margin: auto;\n border: 0;\n border-top-width: 1px;\n border-top-color: #f0f0f0;\n border-style: solid;\n border-radius: 1px;\n height: 0;\n width: 100%; }\n .SearchPage .Title {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: #f0f0f0;\n min-height: 60px;\n flex-direction: row;\n align-items: center; }\n .SearchPage .Title > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n flex: 1; }\n .SearchPage .Title > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n .SearchPage .results {\n display: flex;\n margin-left: 16px;\n margin-right: 16px;\n flex: 1;\n flex-direction: column;\n width: 100%; }\n .SearchPage .results img {\n margin: auto;\n display: block; }\n .SearchPage .results p {\n margin: 0; }\n .SearchPage .results h1 {\n font-size: 24px;\n margin-bottom: 0; }\n .ltr .SearchPage .results h1 .fa {\n margin-right: 8px; }\n .rtl .SearchPage .results h1 .fa {\n margin-left: 8px; }\n .SearchPage .results h2 {\n font-size: 18px;\n margin-top: 0;\n margin-bottom: 0; }\n .SearchPage .results h2 small {\n display: block; }\n .SearchPage .results h3 {\n font-size: 16px;\n margin-top: 0;\n margin-bottom: 0; }\n .SearchPage .results h3 small {\n display: block; }\n .SearchPage .results ul li {\n list-style-type: square; }\n\n\n.ServiceCategoryList {\n display: flex;\n flex-wrap: wrap; }\n .ServiceCategoryList hr {\n padding: 0;\n margin: auto;\n border: 0;\n border-top-width: 1px;\n border-top-color: #a4a4a4;\n border-style: solid;\n border-radius: 1px;\n height: 0;\n width: 95%; }\n .ServiceCategoryList .MenuIcon {\n padding-right: 10px;\n padding-left: 10px;\n font-size: 20px;\n width: 24px;\n height: 24px;\n text-align: center; }\n .ServiceCategoryList .footer {\n flex: 1;\n flex-basis: 100%;\n background-color: #f0f0f0;\n border-top: 1px black solid; }\n .ServiceCategoryList .footer hr:last-child {\n display: none; }\n .ServiceCategoryList .Spacer {\n height: 30vh;\n display: block;\n width: 100%;\n display: flex;\n align-items: center;\n align-content: center;\n justify-items: center;\n justify-content: center; }\n .ServiceCategoryList .Selector {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: #f0f0f0;\n min-height: 60px;\n flex-direction: row;\n align-items: center;\n cursor: pointer; }\n .ServiceCategoryList .Selector > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n line-height: 20px;\n flex: 1; }\n .ServiceCategoryList .Selector > h1 a {\n line-height: 20px;\n margin-left: 5px;\n margin-right: 5px; }\n .ServiceCategoryList .Selector > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n .ServiceCategoryList ul {\n list-style: none;\n margin: 0;\n padding: 0;\n width: 100%; }\n .ServiceCategoryList ul li .container {\n padding: 16px;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n .ServiceCategoryList ul li .container:active {\n background-color: #f6f6f6; }\n .ServiceCategoryList > ul li .container > i {\n padding-right: 10px;\n width: 25px;\n font-size: 18px;\n line-height: 24px; }\n .ServiceCategoryList > ul li .container > strong {\n font-size: 18px;\n min-height: 24px;\n line-height: 24px; }\n .ServiceCategoryList hr {\n padding: 0;\n margin: auto;\n border: 0;\n border-top-width: 1px;\n border-top-color: #f0f0f0;\n border-style: solid;\n border-radius: 1px;\n height: 0;\n width: 95%; }\n .ServiceCategoryList .CategoryContainer {\n flex: 1;\n flex-grow: 1;\n flex-basis: 50%;\n display: flex;\n flex-direction: column;\n height: 100px; }\n @media (min-width: 1000px) {\n .ServiceCategoryList .CategoryContainer {\n flex-basis: 25%; } }\n .ServiceCategoryList .CategoryContainer i {\n font-size: 35px; }\n .ServiceCategoryList .Category {\n display: flex;\n flex-direction: column;\n margin: 2px 2px;\n border: 1px black solid;\n border-radius: 5px;\n flex: 1;\n flex-grow: 1;\n flex-basis: 100%;\n align-items: center;\n align-content: center;\n justify-items: center;\n justify-content: center;\n text-align: center; }\n .irc .ServiceCategoryList .Category {\n background-color: #ffda1a; }\n .nrc .ServiceCategoryList .Category {\n background-color: #ff7602; }\n .generic .ServiceCategoryList .Category {\n background-color: #29991f; }\n .mc .ServiceCategoryList .Category {\n background-color: #e60000; }\n .pg .ServiceCategoryList .Category {\n background-color: #59c2ed; }\n .cuenta .ServiceCategoryList .Category {\n background-color: #29991f; }\n .irc .ServiceCategoryList .Category {\n color: #000000; }\n .nrc .ServiceCategoryList .Category {\n color: #ffffff; }\n .generic .ServiceCategoryList .Category {\n color: #ffffff; }\n .mc .ServiceCategoryList .Category {\n color: #ffffff; }\n .pg .ServiceCategoryList .Category {\n color: #ffffff; }\n .cuenta .ServiceCategoryList .Category {\n color: #ffffff; }\n .ServiceCategoryList .Category span {\n line-height: 20px;\n font-size: 16px; }\n .irc .ServiceCategoryList .Category:active {\n background-color: #806b00; }\n .nrc .ServiceCategoryList .Category:active {\n background-color: #683000; }\n .generic .ServiceCategoryList .Category:active {\n background-color: #071a05; }\n .mc .ServiceCategoryList .Category:active {\n background-color: #4d0000; }\n .pg .ServiceCategoryList .Category:active {\n background-color: #11749c; }\n .cuenta .ServiceCategoryList .Category:active {\n background-color: #071a05; }\n .ServiceCategoryList > .Title {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: #f0f0f0;\n min-height: 60px;\n flex-direction: row;\n align-items: center;\n text-transform: uppercase;\n text-align: center; }\n .ServiceCategoryList .Title > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n flex: 1; }\n .ServiceCategoryList .Title > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n\n.ServiceList {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column; }\n .ServiceList hr {\n padding: 0;\n margin: auto;\n border: 0;\n border-top-width: 1px;\n border-top-color: #a4a4a4;\n border-style: solid;\n border-radius: 1px;\n height: 0;\n width: 95%; }\n .ServiceList .MenuIcon {\n padding-right: 10px;\n padding-left: 10px;\n font-size: 20px;\n width: 24px;\n height: 24px;\n text-align: center; }\n .ServiceList .footer {\n flex: 1;\n flex-basis: 100%;\n background-color: #f0f0f0;\n border-top: 1px black solid; }\n .ServiceList .footer hr:last-child {\n display: none; }\n .ServiceList .Spacer {\n height: 30vh;\n display: block;\n width: 100%;\n display: flex;\n align-items: center;\n align-content: center;\n justify-items: center;\n justify-content: center; }\n .ServiceList .Selector {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: #f0f0f0;\n min-height: 60px;\n flex-direction: row;\n align-items: center;\n cursor: pointer; }\n .ServiceList .Selector > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n line-height: 20px;\n flex: 1; }\n .ServiceList .Selector > h1 a {\n line-height: 20px;\n margin-left: 5px;\n margin-right: 5px; }\n .ServiceList .Selector > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n .ServiceList .Title {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: #f0f0f0;\n min-height: 60px;\n flex-direction: row;\n align-items: center;\n text-transform: uppercase; }\n .ServiceList .Title > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n flex: 1; }\n .ServiceList .Title > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n .ServiceList .Items {\n flex: 1;\n flex-grow: 1;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap; }\n .ServiceList .Item {\n flex: 1;\n flex-basis: 100%;\n padding-top: 0.25em;\n padding-bottom: 0.25em;\n border-bottom: 1px #f0f0f0 solid;\n min-height: 60px;\n display: flex;\n cursor: pointer;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n @media (min-width: 1000px) {\n .ServiceList .Item {\n flex-basis: 50%; } }\n .ServiceList .Item i.material-icons {\n justify-self: center;\n align-self: center;\n padding-left: 5px;\n padding-right: 5px; }\n .rtl .ServiceList .Item i.material-icons:after {\n content: \"keyboard_arrow_left\"; }\n .ltr .ServiceList .Item i.material-icons:after {\n content: \"keyboard_arrow_right\"; }\n .ServiceList .Item:active {\n background-color: #f6f6f6; }\n .ServiceList .Icons {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n width: 75px;\n align-items: stretch;\n align-content: stretch;\n justify-content: center; }\n .ServiceList .Icons .Icon {\n display: flex;\n flex: 1;\n flex-grow: 1;\n flex-basis: 50%;\n align-items: center;\n justify-content: center;\n align-content: center; }\n .ServiceList .Icons .Icon i {\n width: 100%;\n height: 100%;\n font-size: 18px;\n text-align: center;\n align-items: center;\n display: flex;\n justify-content: center; }\n .ServiceList .Info {\n display: flex;\n flex: 1;\n flex-direction: column; }\n .ServiceList .Info h1 {\n padding: 0;\n margin: 0;\n font-size: 120%; }\n .ServiceList .Info h2 {\n padding: 0;\n margin: 0;\n font-size: 100%;\n font-weight: normal; }\n .ServiceList .Info h2 small {\n display: block; }\n .ServiceList .Error {\n padding: 16px 16px; }\n\n.ServiceDetail {\n display: flex;\n flex-wrap: wrap;\n flex-direction: column; }\n .ServiceDetail hr {\n padding: 0;\n margin: auto;\n border: 0;\n border-top-width: 1px;\n border-top-color: #a4a4a4;\n border-style: solid;\n border-radius: 1px;\n height: 0;\n width: 95%; }\n .ServiceDetail .MenuIcon {\n padding-right: 10px;\n padding-left: 10px;\n font-size: 20px;\n width: 24px;\n height: 24px;\n text-align: center; }\n .ServiceDetail .footer {\n flex: 1;\n flex-basis: 100%;\n background-color: #f0f0f0;\n border-top: 1px black solid; }\n .ServiceDetail .footer hr:last-child {\n display: none; }\n .ServiceDetail .Spacer {\n height: 30vh;\n display: block;\n width: 100%;\n display: flex;\n align-items: center;\n align-content: center;\n justify-items: center;\n justify-content: center; }\n .ServiceDetail .Selector {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: #f0f0f0;\n min-height: 60px;\n flex-direction: row;\n align-items: center;\n cursor: pointer; }\n .ServiceDetail .Selector > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n line-height: 20px;\n flex: 1; }\n .ServiceDetail .Selector > h1 a {\n line-height: 20px;\n margin-left: 5px;\n margin-right: 5px; }\n .ServiceDetail .Selector > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n .ServiceDetail .openingTable {\n display: flex;\n align-items: center;\n justify-content: center; }\n .ServiceDetail table {\n border-collapse: collapse;\n margin-bottom: 1em; }\n @media (max-width: 500px) {\n .ServiceDetail table {\n min-width: 100%; } }\n @media (min-width: 800px) {\n .ServiceDetail table {\n min-width: 400px; } }\n .ServiceDetail table tr {\n border-bottom: 1px #a4a4a4 solid;\n height: 30px; }\n .ServiceDetail table td {\n text-align: center; }\n .ServiceDetail table td:nth-child(1) {\n font-weight: bold;\n text-align: start;\n padding-left: 5px;\n padding-right: 5px; }\n .ServiceDetail .Title {\n width: 100%;\n display: flex;\n margin: 0;\n background-color: #f0f0f0;\n min-height: 60px;\n flex-direction: row;\n align-items: center; }\n .ServiceDetail .Title > h1 {\n font-size: 18px;\n display: block;\n width: 100%;\n margin: 0;\n padding: 10px;\n flex: 1; }\n .ServiceDetail .Title > h1 > small {\n font-size: 12px;\n display: block;\n width: 100%;\n color: gray; }\n .ServiceDetail .hero {\n background-color: #000000;\n display: flex;\n flex-direction: column; }\n .ServiceDetail .hero h2 {\n color: white;\n font-size: 100%;\n padding: 10px;\n padding-top: 2px;\n padding-bottom: 2px; }\n .ServiceDetail .hero h2 small {\n font-size: 12px;\n display: block;\n color: gray; }\n .ServiceDetail .hero a {\n color: white; }\n .ServiceDetail .hero > img {\n max-width: 100%; }\n .ServiceDetail article {\n margin-left: 16px;\n margin-right: 16px;\n flex: 1; }\n .ServiceDetail article img {\n max-width: 100%;\n margin: auto;\n display: block; }\n .ServiceDetail article h1 {\n font-size: 24px; }\n .ServiceDetail article h2 {\n font-size: 18px; }\n .ServiceDetail article h3 {\n font-size: 16px; }\n .ServiceDetail article ul li {\n list-style-type: square; }\n .ServiceDetail article .RelatedServices {\n padding: 0;\n margin: 0;\n padding-bottom: 10px; }\n .ServiceDetail article .RelatedServices small {\n display: block; }\n .ServiceDetail article .RelatedServices h3 {\n font-size: 100%;\n padding: 0;\n margin: 0; }\n .ServiceDetail article .RelatedServices p {\n padding: 0;\n margin: 0; }\n .ServiceDetail article .RelatedServices > li {\n list-style: none;\n padding-bottom: 5px; }\n\n.warning-dialog-container, .warning-dialog-container-yellow, .warning-dialog-container-red, .warning-dialog-container-green {\n padding: 20px 20px 20px 20px;\n display: flex;\n align-items: center;\n color: black; }\n .warning-dialog-container p, .warning-dialog-container-yellow p, .warning-dialog-container-red p, .warning-dialog-container-green p {\n color: black; }\n\n.warning-dialog-close {\n justify-self: flex-end;\n display: flex;\n align-items: center;\n justify-items: center;\n flex: 0.5;\n justify-content: flex-end; }\n\n.warning-dialog-container-yellow {\n background-color: #ffda1a; }\n\n.warning-dialog-container-red {\n background-color: #e60000;\n color: white; }\n .warning-dialog-container-red p {\n color: white; }\n\n.warning-dialog-container-green {\n background-color: #29991f;\n color: white; }\n .warning-dialog-container-green p {\n color: white; }\n\n.warning-dialog-container-inner {\n flex: 9; }\n .warning-dialog-container-inner p {\n padding: 0;\n margin: 0; }\n .ltr .warning-dialog-container-inner {\n border-left: 4px solid white;\n padding-left: 15px; }\n .rtl .warning-dialog-container-inner {\n border-right: 4px solid white;\n padding-right: 15px; }\n .ltr .warning-dialog-container-yellow .warning-dialog-container-inner {\n border-left-color: black; }\n .rtl .warning-dialog-container-yellow .warning-dialog-container-inner {\n border-right-color: black; }\n\n.warning--hiding {\n padding: 0;\n margin: 0;\n transition: padding 1s; }\n\n.warning--hiding .warning-dialog-container-inner,\n.warning--hiding .warning-dialog-close {\n display: none; }\n"}