body, html {height:100%}
body{font:400 13px/1.7em "Open Sans",sans-serif;padding:0;color:#ddd;background-color:#18191b;-ms-word-wrap:break-word;word-wrap:break-word}
html{max-width:100%;overflow-x:hidden;-ms-overflow-style:scrollbar}
@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(25px);transform:translateY(25px)}}
@keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(25px);transform:translateY(25px)}}
@keyframes background{0%{background:radial-gradient(circle at center,rgba(176,3,11,0) 0,#f90 0,#000 0,#000 20%)}25%{background:radial-gradient(circle at center,rgba(176,3,11,.3) 24%,#f90 10%,#000 25%,#000 40%);transform:translate(2px,0) skew(0);transform:translate(2px,-2px)}50%{background:radial-gradient(circle at center,rgba(176,3,11,.5) 49%,#f90 20%,#000 50%,#000 60%);transform:translate(-2px,0) skew(0);transform:translate(-2px,2px)}75%{background:radial-gradient(circle at center,rgba(150,12,12,.9) 74%,#f90 30%,#000 75%,#000 100%);transform:translate(0,0) skew(5deg);transform:translate(13px,-1px) skew(-13deg);-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}100%{color:#fff;background:radial-gradient(circle at center,rgba(150,12,12,.9) 99%,#000 100%,#000 100%);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
.roller{transform-style:preserve-3d;animation:rot 100s linear infinite;z-index:-10}
.roller,.roller *{position:inherit;top:0;left:50%}
.slice{top:160px;margin:-50vh -4.92457vw;width:9.44914vw;height:80vh;backface-visibility:hidden;background:url(/images/pan10020.jpg);background-size:315.17249vw 100%}
.slice:nth-child(1){transform:rotateY(0) translateZ(-49vw);background-position:0 50%}
.slice:nth-child(2){transform:rotateY(11.25deg) translateZ(-49vw);background-position:9.84914vw 50%}
.slice:nth-child(3){transform:rotateY(22.5deg) translateZ(-49vw);background-position:19.69828vw 50%}
.slice:nth-child(4){transform:rotateY(33.75deg) translateZ(-49vw);background-position:29.54742vw 50%}
.slice:nth-child(5){transform:rotateY(45deg) translateZ(-49vw);background-position:39.39656vw 50%}
.slice:nth-child(6){transform:rotateY(56.25deg) translateZ(-49vw);background-position:49.2457vw 50%}
.slice:nth-child(7){transform:rotateY(67.5deg) translateZ(-49vw);background-position:59.09484vw 50%}
.slice:nth-child(8){transform:rotateY(78.75deg) translateZ(-49vw);background-position:68.94398vw 50%}
.slice:nth-child(9){transform:rotateY(90deg) translateZ(-49vw);background-position:78.79312vw 50%}
.slice:nth-child(10){transform:rotateY(101.25deg) translateZ(-49vw);background-position:88.64226vw 50%}
.slice:nth-child(11){transform:rotateY(112.5deg) translateZ(-49vw);background-position:98.4914vw 50%}
.slice:nth-child(12){transform:rotateY(123.75deg) translateZ(-49vw);background-position:108.34054vw 50%}
.slice:nth-child(13){transform:rotateY(135deg) translateZ(-49vw);background-position:118.18968vw 50%}
.slice:nth-child(14){transform:rotateY(146.25deg) translateZ(-49vw);background-position:128.03882vw 50%}
.slice:nth-child(15){transform:rotateY(157.5deg) translateZ(-49vw);background-position:137.88796vw 50%}
.slice:nth-child(16){transform:rotateY(168.75deg) translateZ(-49vw);background-position:147.73711vw 50%}
.slice:nth-child(17){transform:rotateY(180deg) translateZ(-49vw);background-position:157.58625vw 50%}
.slice:nth-child(18){transform:rotateY(191.25deg) translateZ(-49vw);background-position:167.43539vw 50%}
.slice:nth-child(19){transform:rotateY(202.5deg) translateZ(-49vw);background-position:177.28453vw 50%}
.slice:nth-child(20){transform:rotateY(213.75deg) translateZ(-49vw);background-position:187.13367vw 50%}
.slice:nth-child(21){transform:rotateY(225deg) translateZ(-49vw);background-position:196.98281vw 50%}
.slice:nth-child(22){transform:rotateY(236.25deg) translateZ(-49vw);background-position:206.83195vw 50%}
.slice:nth-child(23){transform:rotateY(247.5deg) translateZ(-49vw);background-position:216.68109vw 50%}
.slice:nth-child(24){transform:rotateY(258.75deg) translateZ(-49vw);background-position:226.53023vw 50%}
.slice:nth-child(25){transform:rotateY(270deg) translateZ(-49vw);background-position:236.37937vw 50%}
.slice:nth-child(26){transform:rotateY(281.25deg) translateZ(-49vw);background-position:246.22851vw 50%}
.slice:nth-child(27){transform:rotateY(292.5deg) translateZ(-49vw);background-position:256.07765vw 50%}
.slice:nth-child(28){transform:rotateY(303.75deg) translateZ(-49vw);background-position:265.92679vw 50%}
.slice:nth-child(29){transform:rotateY(315deg) translateZ(-49vw);background-position:275.77593vw 50%}
.slice:nth-child(30){transform:rotateY(326.25deg) translateZ(-49vw);background-position:285.62507vw 50%}
.slice:nth-child(31){transform:rotateY(337.5deg) translateZ(-49vw);background-position:295.47421vw 50%}
.slice:nth-child(32){transform:rotateY(348.75deg) translateZ(-49vw);background-position:305.32335vw 50%}
@keyframes rot{to{transform:rotateY(1turn)}}
@keyframes background{25%{transform:translate(2px,0) skew(0);transform:translate(2px,-2px)}50%{transform:translate(-2px,0) skew(0);transform:translate(-2px,2px)}75%{transform:translate(0,0) skew(5deg);transform:translate(13px,-1px) skew(-13deg);-webkit-transform:rotateY(120deg);transform:rotateY(120deg)}100%{color:#fff;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
@-webkit-keyframes kitchenSink{0%{-webkit-transform:rotateX(-90deg) rotateZ(-90deg) scaleX(.1) scaleY(.1);opacity:0}2%{-webkit-transform:rotateX(-75.973deg) rotateZ(-75.973deg) scaleX(.241) scaleY(.203);opacity:.727}4%{-webkit-transform:rotateX(-24.436deg) rotateZ(-24.436deg) scaleX(.757) scaleY(.672);opacity:1}6%{-webkit-transform:rotateX(9.099deg) rotateZ(9.099deg) scaleX(1.092) scaleY(1.098)}8%{-webkit-transform:rotateX(22.668deg) rotateZ(22.668deg) scaleX(1.227) scaleY(1.393)}10%{-webkit-transform:rotateX(17.265deg) rotateZ(17.265deg) scaleX(1.172) scaleY(1.469)}12%{-webkit-transform:rotateX(6.382deg) rotateZ(6.382deg) scaleX(1.064) scaleY(1.327)}14%{-webkit-transform:rotateX(-3.694deg) rotateZ(-3.694deg) scaleX(.963) scaleY(1.038)}16%{-webkit-transform:rotateX(-5.956deg) rotateZ(-5.956deg) scaleX(.94) scaleY(.844)}18%{-webkit-transform:rotateX(-4.448deg) rotateZ(-4.448deg) scaleX(.956) scaleY(.748)}20%{-webkit-transform:rotateX(-.986deg) rotateZ(-.986deg) scaleX(.99) scaleY(.785)}22%{-webkit-transform:rotateX(.948deg) rotateZ(.948deg) scaleX(1.01) scaleY(.896)}24%{-webkit-transform:rotateX(1.532deg) rotateZ(1.532deg) scaleX(1.015) scaleY(1.019)}26%{-webkit-transform:rotateX(.972deg) rotateZ(.972deg) scaleX(1.01) scaleY(1.121)}28%{-webkit-transform:rotateX(.251deg) rotateZ(.251deg) scaleX(1.002) scaleY(1.136)}30%{-webkit-transform:rotateX(-.242deg) rotateZ(-.242deg) scaleX(.998) scaleY(1.098)}32%{-webkit-transform:rotateX(-.386deg) rotateZ(-.386deg) scaleY(1.016)}34%{-webkit-transform:rotateX(-.251deg) rotateZ(-.251deg) scaleY(.959)}36%{-webkit-transform:rotateX(-.064deg) rotateZ(-.064deg) scaleX(.999) scaleY(.929)}38%{-webkit-transform:rotateX(.08deg) rotateZ(.08deg) scaleY(.937)}40%{-webkit-transform:scaleX(1.001) scaleY(.967)}42%{-webkit-transform:scaleY(1.011)}44%{-webkit-transform:scaleY(1.034)}46%{-webkit-transform:rotateX(-.021deg) rotateZ(-.021deg) scaleY(1.039)}48%{-webkit-transform:scaleY(1.025)}50%{-webkit-transform:scaleY(1.006)}52%{-webkit-transform:scaleY(.989)}54%{-webkit-transform:scaleY(.979)}56%{-webkit-transform:scaleY(.981)}58%{-webkit-transform:scaleY(.99)}60%{-webkit-transform:scaleY(1.003)}62%{-webkit-transform:scaleY(1.009)}64%{-webkit-transform:scaleY(1.011)}66%{-webkit-transform:scaleY(1.007)}68%{-webkit-transform:scaleY(1.002)}70%{-webkit-transform:scaleY(.996)}72%{-webkit-transform:scaleY(.994)}76%{-webkit-transform:scaleY(.998)}78%{-webkit-transform:scaleY(1.001)}80%{-webkit-transform:scaleY(1.003)}86%{-webkit-transform:scaleY(1.001)}88%{-webkit-transform:scaleY(.999)}98%{-webkit-transform:scaleY(1.001)}100%{-webkit-transform:rotateX(0) rotateZ(0) scaleX(1) scaleY(1);opacity:1}}
@keyframes kitchenSink{0%{transform:rotateX(-90deg) rotateZ(-90deg) scaleX(.1) scaleY(.1);opacity:0}2%{transform:rotateX(-75.973deg) rotateZ(-75.973deg) scaleX(.241) scaleY(.203);opacity:.727}4%{transform:rotateX(-24.436deg) rotateZ(-24.436deg) scaleX(.757) scaleY(.672);opacity:1}6%{transform:rotateX(9.099deg) rotateZ(9.099deg) scaleX(1.092) scaleY(1.098)}8%{transform:rotateX(22.668deg) rotateZ(22.668deg) scaleX(1.227) scaleY(1.393)}10%{transform:rotateX(17.265deg) rotateZ(17.265deg) scaleX(1.172) scaleY(1.469)}12%{transform:rotateX(6.382deg) rotateZ(6.382deg) scaleX(1.064) scaleY(1.327)}14%{transform:rotateX(-3.694deg) rotateZ(-3.694deg) scaleX(.963) scaleY(1.038)}16%{transform:rotateX(-5.956deg) rotateZ(-5.956deg) scaleX(.94) scaleY(.844)}18%{transform:rotateX(-4.448deg) rotateZ(-4.448deg) scaleX(.956) scaleY(.748)}20%{transform:rotateX(-.986deg) rotateZ(-.986deg) scaleX(.99) scaleY(.785)}22%{transform:rotateX(.948deg) rotateZ(.948deg) scaleX(1.01) scaleY(.896)}24%{transform:rotateX(1.532deg) rotateZ(1.532deg) scaleX(1.015) scaleY(1.019)}26%{transform:rotateX(.972deg) rotateZ(.972deg) scaleX(1.01) scaleY(1.121)}28%{transform:rotateX(.251deg) rotateZ(.251deg) scaleX(1.002) scaleY(1.136)}30%{transform:rotateX(-.242deg) rotateZ(-.242deg) scaleX(.998) scaleY(1.098)}32%{transform:rotateX(-.386deg) rotateZ(-.386deg) scaleY(1.016)}34%{transform:rotateX(-.251deg) rotateZ(-.251deg) scaleY(.959)}36%{transform:rotateX(-.064deg) rotateZ(-.064deg) scaleX(.999) scaleY(.929)}38%{transform:rotateX(.08deg) rotateZ(.08deg) scaleY(.937)}40%{transform:scaleX(1.001) scaleY(.967)}42%{transform:scaleY(1.011)}44%{transform:scaleY(1.034)}46%{transform:rotateX(-.021deg) rotateZ(-.021deg) scaleY(1.039)}48%{transform:scaleY(1.025)}50%{transform:scaleY(1.006)}52%{transform:scaleY(.989)}54%{transform:scaleY(.979)}56%{transform:scaleY(.981)}58%{transform:scaleY(.99)}60%{transform:scaleY(1.003)}62%{transform:scaleY(1.009)}64%{transform:scaleY(1.011)}66%{transform:scaleY(1.007)}68%{transform:scaleY(1.002)}70%{transform:scaleY(.996)}72%{transform:scaleY(.994)}76%{transform:scaleY(.998)}78%{transform:scaleY(1.001)}80%{transform:scaleY(1.003)}86%{transform:scaleY(1.001)}88%{transform:scaleY(.999)}98%{transform:scaleY(1.001)}100%{transform:rotateX(0) rotateZ(0) scaleX(1) scaleY(1);opacity:1}}
.kitchenSink{-webkit-animation:kitchenSink 3.633s linear 0s 1 normal both;-webkit-transform-origin:50% 50%;animation:kitchenSink 3.633s linear 0s 1 normal both;transform-origin:50% 50%}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(300px) skewX(-45deg);opacity:0}4%{-webkit-transform:translateX(130.348px) skewX(-26.202deg);opacity:.66}8%{-webkit-transform:translateX(22.718px) skewX(4.518deg);opacity:1}12%{-webkit-transform:translateX(2.478px) skewX(13.049deg)}16%{-webkit-transform:translateX(.11px) skewX(5.011deg)}20%{-webkit-transform:skewX(-2.728deg)}24%{-webkit-transform:skewX(-3.465deg)}28%{-webkit-transform:skewX(-1.049deg)}32%{-webkit-transform:skewX(.956deg)}40%{-webkit-transform:skewX(.094deg)}44%{-webkit-transform:skewX(-.33deg)}48%{-webkit-transform:skewX(-.211deg)}52%{-webkit-transform:skewX(.025deg)}100%{-webkit-transform:translateX(0) skewX(0);opacity:1}}
@keyframes slideInRight{0%{transform:translateX(300px) skewX(-45deg);opacity:0}4%{transform:translateX(130.348px) skewX(-26.202deg);opacity:.66}8%{transform:translateX(22.718px) skewX(4.518deg);opacity:1}12%{transform:translateX(2.478px) skewX(13.049deg)}16%{transform:translateX(.11px) skewX(5.011deg)}20%{transform:skewX(-2.728deg)}24%{transform:skewX(-3.465deg)}28%{transform:skewX(-1.049deg)}32%{transform:skewX(.956deg)}40%{transform:skewX(.094deg)}44%{transform:skewX(-.33deg)}48%{transform:skewX(-.211deg)}52%{transform:skewX(.025deg)}100%{transform:translateX(0) skewX(0);opacity:1}}
.slideInRight{-webkit-animation:slideInRight 3.3s linear 0s 1 normal both;-webkit-transform-origin:0 100%;animation:slideInRight 3.3s linear 0s 1 normal both;transform-origin:0 100%}
@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-300px) skewX(45deg);opacity:0}4%{-webkit-transform:translateX(-130.348px) skewX(26.202deg);opacity:.66}8%{-webkit-transform:translateX(-22.718px) skewX(-4.518deg);opacity:1}12%{-webkit-transform:translateX(-2.478px) skewX(-13.049deg)}16%{-webkit-transform:translateX(-.11px) skewX(-5.011deg)}20%{-webkit-transform:skewX(2.728deg)}24%{-webkit-transform:skewX(3.465deg)}28%{-webkit-transform:skewX(1.049deg)}32%{-webkit-transform:skewX(-.956deg)}40%{-webkit-transform:skewX(-.094deg)}44%{-webkit-transform:skewX(.33deg)}48%{-webkit-transform:skewX(.211deg)}52%{-webkit-transform:skewX(-.025deg)}100%{-webkit-transform:translateX(0) skewX(0);opacity:1}}
@keyframes slideInLeft{0%{transform:translateX(-300px) skewX(45deg);opacity:0}4%{transform:translateX(-130.348px) skewX(26.202deg);opacity:.66}8%{transform:translateX(-22.718px) skewX(-4.518deg);opacity:1}12%{transform:translateX(-2.478px) skewX(-13.049deg)}16%{transform:translateX(-.11px) skewX(-5.011deg)}20%{transform:skewX(2.728deg)}24%{transform:skewX(3.465deg)}28%{transform:skewX(1.049deg)}32%{transform:skewX(-.956deg)}40%{transform:skewX(-.094deg)}44%{transform:skewX(.33deg)}48%{transform:skewX(.211deg)}52%{transform:skewX(-.025deg)}100%{transform:translateX(0) skewX(0);opacity:1}}
.slideInLeft{-webkit-animation:slideInLeft 3.3s linear 0s 1 normal both;-webkit-transform-origin:100% 100%;animation:slideInLeft 3.3s linear 0s 1 normal both;transform-origin:100% 100%}
.scrollbar {float:left; width:100%; height:100%; background:#F5F5F5; overflow-y:scroll; overflow-x:hidden; margin-bottom:25px; background-color:transparent}
.roller {transform-style:preserve-3d; animation:rot 400s linear infinite; position:inherit; top:0; left:50%}
.slice {top:160px; margin:-50vh -4.92457vw; width:9.44914vw; height:160vh; backface-visibility:hidden; background:url(/images/pan4.jpg); background-size:315.17249vw 100%}
#style-2::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5}
#style-2::-webkit-scrollbar {width:12px; background-color:#F5F5F5}
#style-2::-webkit-scrollbar-thumb {border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#D62929}
@font-face {font-family:"swGamekeys MT"; src:url(Swkeys.ttf) format("truetype"); font-display:swap;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast:active) {
.roller {animation:rot 0s linear infinite;}
}
@keyframes background {
0% {}
25% {transform:translate(2px,0) skew(0deg); transform:translate(2px, -2px);}
50% {transform:translate(-2px, 0) skew(0deg); transform:translate(-2px, 2px);}
75% {transform:translate(0, 0) skew(5deg); transform:translate(13px, -1px) skew(-13deg); -webkit-transform:rotateY(120deg); transform:rotateY(120deg);}
100% {color:#fff; -webkit-transform:rotateY(360deg); transform:rotateY(360deg);}
}
.map-wrapper {box-sizing:border-box; margin:auto; padding:30px 0 0; background:#red; background-color:transparent; left:0; width:40%; height:40%; padding-top:10%; padding-right:10;}
.svgMap-block-zoom-notice {position:absolute; z-index:2; top:100%; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.8); pointer-events:none; opacity:0; color:#000000; transition:opacity 250ms;}
.svgMap-block-zoom-notice-active .svgMap-block-zoom-notice {pointer-events:all; top:0; opacity:1;}
.svgMap-block-zoom-notice > div {position:absolute; top:50%; left:0; right:0; text-align:center; padding:0 32px; transform:translateY(-50%); font-size:28px;}
@media (max-width: 900px) {
.svgMap-block-zoom-notice > div {font-size:22px;}
}
.svgMap-map-wrapper {position:relative; width:100%; padding-top:50%; overflow:hidden; background:#red; color:#000000;}
.svgMap-map-wrapper * {box-sizing:border-box;}
.svgMap-map-wrapper:focus:not(:focus-visible) {outline:0;}
.svgMap-map-wrapper .svgMap-map-image {display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:0;}
.svgMap-map-wrapper .svgMap-map-controls-wrapper {position:absolute; bottom:10px; left:10px; z-index:1; display:flex; overflow:hidden; border-radius:2px; box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1);}
.svgMap-map-wrapper .svgMap-map-controls-zoom, .svgMap-map-wrapper .svgMap-map-controls-move {display:flex; margin-right:5px; overflow:hidden; background:#fff;}
.svgMap-map-wrapper .svgMap-map-controls-zoom:last-child, .svgMap-map-wrapper .svgMap-map-controls-move:last-child {margin-right:0;}
.svgMap-map-wrapper .svgMap-control-button {background-color:#000000; border:none; border-radius:0; color:#000000; font:inherit; line-height:inherit; margin:0; padding:0; overflow:visible; text-transform:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width:32px; height:32px; position:relative;}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button::before, .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button::after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#ccc; transition:background-color 250ms;}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button::before {width:11px; height:3px;}
@media (hover: hover) {
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover::before, .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:hover::after {background:#000;}
}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:active::before, .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button:active::after {background:#000;}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button::before {width:11px; height:11px; background:none; border:2px solid #ccc; transition:border-color 250ms;}
@media (hover: hover) {
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button:hover::before {background:none; border-color:#000;}
}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button:active::before {background:none; border-color:#000;}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled::before, .svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-disabled::after {background:#eee;}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button.svgMap-disabled {cursor:default;}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-button.svgMap-zoom-reset-button.svgMap-disabled::before {border:2px solid #eee; background:none;}
.svgMap-map-wrapper .svgMap-control-button.svgMap-zoom-in-button::after {width:3px; height:11px;}
.svgMap-map-wrapper .svgMap-map-continent-controls-wrapper {position:absolute; top:10px; right:10px; z-index:1; display:flex; border-radius:2px; box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1);}
.svgMap-map-wrapper .svgMap-country {stroke:#fff; stroke-width:1; stroke-linejoin:round; vector-effect:non-scaling-stroke; transition:fill 250ms, stroke 250ms;}
.svgMap-map-wrapper .svgMap-country[data-link] {cursor:pointer;}
@media (hover: hover) {
.svgMap-map-wrapper .svgMap-country:hover {stroke:#333; stroke-width:1.5;}
}
.svgMap-map-wrapper .svgMap-country.svgMap-active {stroke:#333; stroke-width:1.5;}
.svgMap-tooltip {box-shadow:0 0 3px rgba(0, 0, 0, 0.2); position:absolute; z-index:2; border-radius:2px; background:#111; transform:translate(-50%, -100%); border-bottom:1px solid #111; display:none; pointer-events:none; min-width:60px; font-size:11pt;}
.svgMap-tooltip.svgMap-tooltip-flipped {transform:translate(-50%, 0); border-bottom:0; border-top:1px solid #111;}
.svgMap-tooltip.svgMap-active {display:block;}
.svgMap-tooltip .svgMap-tooltip-content-container {position:relative; padding:10px 20px;}
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container {text-align:center; margin:2px 0 5px;}
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container.svgMap-tooltip-flag-container-emoji {font-size:50px; line-height:0; padding:25px 0 15px;}
.svgMap-tooltip .svgMap-tooltip-content-container .svgMap-tooltip-flag-container .svgMap-tooltip-flag {display:block; margin:auto; width:auto; height:32px; padding:2px; background:rgba(0, 0, 0, 0.15); border-radius:2px;}
.svgMap-tooltip .svgMap-tooltip-title {white-space:nowrap; font-size:18px; line-height:28px; padding:0 0 8px; text-align:center;}
.svgMap-tooltip .svgMap-tooltip-content {white-space:nowrap; text-align:center; font-size:14px; color:#000000; margin:-5px 0 0;}
.svgMap-tooltip .svgMap-tooltip-content table {padding:0; border-spacing:0px; margin:auto;}
.svgMap-tooltip .svgMap-tooltip-content table td {padding:2px 0; text-align:left;}
.svgMap-tooltip .svgMap-tooltip-content table td span {color:#000000;}
.svgMap-tooltip .svgMap-tooltip-content table td:first-child {padding-right:10px; text-align:right;}
.svgMap-tooltip .svgMap-tooltip-content table td sup {vertical-align:baseline; position:relative; top:-5px;}
.svgMap-tooltip .svgMap-tooltip-content .svgMap-tooltip-no-data {padding:2px 0; color:#000000; font-style:italic;}
.svgMap-tooltip .svgMap-tooltip-pointer {position:absolute; top:100%; left:50%; transform:translateX(-50%); overflow:hidden; height:10px; width:30px;}
.svgMap-tooltip .svgMap-tooltip-pointer::after {content:""; width:20px; height:20px; background:#fff; border:1px solid #111; position:absolute; bottom:6px; left:50%; transform:translateX(-50%) rotate(45deg);}
.svgMap-tooltip.svgMap-tooltip-flipped .svgMap-tooltip-pointer {bottom:auto; top:-10px; transform:translateX(-50%) scaleY(-1);}
.tag-wrap {filter:drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));}
.tag1 {background:#FB8C00; color:#222; padding:30px 16px 12px 16px; font:bold 12px system-ui; clip-path:polygon(16px 0%, 100% 16px, 100% 100%, 16px 100%, 0 50%);}
.tag2 {background:blue; color:#222; padding:12px 16px 30px 16px; font:bold 12px system-ui; clip-path:polygon(16px 0%, 100% 0%, 100% 90%, 16px 100%, 0 16px);}
.site-content {
Left: 0px;
margin-left: 0px;
float: left;
height: 100%;
width: 100%;
background: #F5F5F5;
overflow-y: scroll;
margin-bottom: 25px;
background-color: transparent;
}
#style-2::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #D62929;
}
.navbar
{
background-color: rgba(0,0,0,.8);
}
.MagicMenu
{
background-color: rgba(0,0,0,.6);
}
.container
{
background-color: rgba(0,0,0,.0);
}
*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
nav a {
position: relative;
display: inline-block;
margin: 15px 25px;
outline: none;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
font-size: 1.35em;
}
nav a:hover,
nav a:focus {
outline: none;
}
/* Effect 8: border slight translate */
.container a {
padding: 10px 20px;
}
.container a::before,
.container a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #354856;
content: '';
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.container a::after {
border-color: #fff;
opacity: 0;
-webkit-transform: translateY(-7px) translateX(6px);
-moz-transform: translateY(-7px) translateX(6px);
transform: translateY(-7px) translateX(6px);
}
.container a:hover::before,
.container a:focus::before {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
-moz-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.container a:hover::after,
.container a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
-moz-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
}
.nav-link {
background-color: green;
}
@media (max-width:600px) {
.nav-link {
background-color: green;
width: 300px;
display: flex;
justify-content: center;
align-items: center;
}
}
.example-container{transition:transform .25s ease;Top:0;z-index:0}
.example-container:hover{Top:68px;Left:48px;-webkit-transform:scale(2.5);transform:scale(1.5);z-index:20}
.animations-container {
width: 100%;
}
.example-container {
Left: 24px; Top: 22px;
width: 194px;
height: 275px;
}
pre {
overflow-x: auto;
max-width: 60vw;
}
pre code {
word-wrap: normal;
white-space: pre;
}
.flex-wrapper {
display: flex;
flex-flow: row nowrap;
}
.single-chart {
width: 100%;
padding: 10px;
justify-content: space-around;
position: relative;
}
.circular-chart {
display: block;
margin: 0;
width: 199px;
height: 199px;
}
.circle-bg {
fill: none;
stroke: #eee;
stroke-width: 3.8;
}
.circle {
fill: none;
stroke-width: 2.8;
stroke-linecap: square;
animation: progress 1s ease-out forwards;
}
@keyframes progress {
0% {
stroke-dasharray: 0 100;
}
}
.circular-chart.orange .circle {
stroke: rgba(130, 255, 130, 0.85);
}
.circular-chart.green .circle {
stroke: rgba(251, 255, 0, 0.952);
}
.circular-chart.blue .circle {
stroke: rgba(226, 94, 17, 0.85);
}
.circular-chart.red .circle {
stroke: red;
}
.percentage {
fill: #666;
font-family: sans-serif;
font-size: 0.5em;
text-anchor: middle;
}
.pulsing-background {
border-radius: 50%;
width: 199px;
height: 199px;
animation: pulse 2s infinite;
position: absolute;
top: 30px;
left: 30px;
z-index: -1;
}
@keyframes pulse {
0% {
background-color: rgba(255, 0, 0, 0.5);
transform: scale(1);
}
100% {
background-color: #fff;
transform: scale(1.2);
}
}
@media (max-width: 980px) {
.circular-chart {
display: block;
margin: 0;
width: 179px;
height: 179px;
}
}
@media (max-width:600px) {
.circular-chart {
display: block;
margin: 0;
width: 129px;
height: 129px;
}
}
.nb-1 {
width: 1200px;
height: 65px;
font-size: 24px;
}
.nb-2 {
font-size: 1.5em;
}
.nb-3 {
font-size: 1.1em;
}
.nb-4 {
font-size: 0.7em;
}
@media (max-width: 1600px) {
.nb-1 {
width: 900px;
height: 65px;
font-size: 16px;
}
nav a {
margin: 10px 10px;
}
}
@media (max-width: 1400px) {
.nb-1 {
width: 900px;
height: 65px;
font-size: 16px;
}
nav a {
margin: 10px 10px;
}
}
@media (max-width: 980px) {
.nb-1 {
width: 700px;
height: 65px;
font-size: 16px;
}
}
@media (max-width:600px) {
.nb-1 {
width: 400px;
height: 65px;
font-size: 16px;
}
.nb-2 {
font-size: 1.2em;
}
.nb-3 {
font-size: 1.0em;
}
.nb-4 {
font-size: 0.5em;
}
}
.card h-100 {
background-color:red;
}
.container mt-5 {
background-color:green;
}
.form-data {
background-color:green;
}
.card-body {
background-color:rgba( 245,221,103, 0.4 );
color: black;
}
.col-md-4 {
background-color:blue;
}
.container {
background-color:transparent;
}
.form-data {
background-color:green;
}
.form-data {
background-color:green;
}
.temppp {
background-color:rgba( 245,221,103, 0.4 );
}
.publogs {
position:relative;
padding-left:10%;
overflow:visible;
width: 80%;
font-family: "Ubuntu Mono", "Lucida Console", monospace;
background-color: rgba(0, 0, 0, 0.8);
color: white;
font-size: 1.4em;
Left: 40px;
}
.publogs {
width: 940px;
}
@media (max-width: 1400px) {
.publogs {
width: 900px;
}
}
@media (max-width: 980px) {
.publogs {
width: 700px;
}
}
@media (max-width:600px) {
.publogs {
width: 600px;
padding-left:2%;
width: 96%;
font-size: 1.1em;
Left: 8px;
}
}
.note {
font-size: 80%;
padding: 6px 0px;
margin: 0;
}
h1 {
margin: 0;
color: lawngreen;
}
h2 {
margin: 10px 0px 0px;
font-size: 140%;
color: tomato;
}
h3 {
margin: 16px 0px 0px;
font-size: 120%;
color: orange;
border-bottom: 1px solid #444;
}
pre {
margin:0;
padding:0;
font-size:100%;
width:100%;
line-height:1.5rem;
border: 0;
overflow-x: auto;
white-space: pre-wrap;
color: white;
}
ul {
margin: 0;
padding: 0;
width: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
-webkit-box-pack: flex-start; -moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: flex-start; -moz-box-align: flex-start;
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
list-style-type: none;
}
ul.sheet > li {
display: block;
width: 100%;
}
.mb-0 {
color: black;
}
.site-footer{padding:65px 10px;color:#eee;text-align:center;background-color:#0b0b0b}
.site-footer .site-branding{float:none}
.site-branding{display:inline-block;float:left;width:35%}
.site-footer .site-branding{float:none}
.button_footer_contaner{position:relative;width:100%;height:60px}
.button_footer_contaner {position:relative; width:100%; height:60px;}
.footerLinked1 {background-image:url('/images/footerLinked1.png'); background-size:100% 100%; width:80px; height:26px; display:inline-block; border:1px solid black; margin:10px;}
.DonateKo-fi {background-image:url('/images/fcsapi.png'); background-size:100% 100%; width:54px; height:20px; display:inline-block; border:1px solid black; margin:10px;}
.footerLinked2 {background-image:url('/images/footerLinked2.png'); background-size:100% 100%; width:54px; height:20px; display:inline-block; border:1px solid black; margin:10px;}
.oanda {background-image:url('/images/oanda.png'); background-size:100% 100%; width:80px; height:26px; display:inline-block; border:1px solid black; margin:10px;}
.yahoofinance {background-image:url('/images/yahoofinance.png'); background-size:100% 100%; width:80px; height:26px; display:inline-block; border:1px solid black; margin:10px;}
.footerLinked2:hover, .DonateKo-fi:hover, .oanda:hover, .yahoofinance:hover, .footerLinked1:hover {animation:background 1s infinite alternate; background-color:rgba( 245,221,103, 0.4 );}
.footerLinked1 a:hover, .footerLinked2 a:hover, .DonateKo-fi a:hover, .oanda a:hover, .yahoofinance:hover a:hover {animation:background 1s infinite alternate; background-color:rgba( 245,221,103, 0.4 );}
.footerLinked1 a:hover, .footerLinked2 a:hover, .DonateKo-fi a:hover {animation:background 1s infinite alternate;}
.tg {border-collapse:collapse; border-spacing:0;}
.tg td {font-size:14px; overflow:hidden;}
.tg th {font-size:14px; overflow:hidden;}
.tg .tg-0lax {text-align:left; vertical-align:top;}