/* some device mobile */ @media screen and (max-device-width: 480px) and (orientation: portrait) {
            .header .login-container {
                width: 540px;
            }
        }
        /* iPad */

        @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
            .header .login-container {
                width: 540px;
            }
        }
        /* iPad landscape*/

        @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
            .header .login-container {
                width: 540px;
            }
        }
        /* iPad Pro */

        @media screen and (min-device-width: 1024px) and (max-device-width:1366px) {
            .header .login-container {
                width: 540px;
            }
        }
        /* iPad Pro landscape*/

        @media screen and (min-device-width: 1024px) and (max-device-width:1366px) and (orientation : landscape) {
            .header .login-container {
                width: 540px;
            }
        }

        .centered span {
            background-image: linear-gradient( to top,#ffffff 10%,#ffffff 0,#ffffff 12%,#ffffff 45%,#ffffff 50%,#ffffff 20%,#ffffff 78%,#ffffff 100% );
        }

      
        html {
            padding: 0;
            margin: 0;
            height: auto;
            background: linear-gradient(45deg,#011d03,#001302,#051802,#002402);
            background-size: 400% 400%; /* animation:gradient 15s ease infinite; */
            display: flex;
            flex-direction: column;
        }

        @keyframes gradient {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        a {
            text-decoration: none;
            color: #fff;
            -webkit-transition: opacity 0.2s;
            -moz-transition: opacity 0.2s;
            -o-transition: opacity 0.2s;
            transition: opacity 0.2s;
        }

            a img {
                border: none;
            }

            a:hover {
                opacity: 0.9;
            }

        .container {
            margin: auto;
            max-width: 930px;
            border: 1px solid transparent;
        }

        .header {
            width: 930px;
            height: auto;
        }

        .logo {
            float: left;
            width: 330px;
            height: 100px;
            margin-left: 10px;
            margin-top: 10px;
            padding-bottom: -18px;
        }

        .loginfrom {
            float: right;
            width: 530px;
            height: auto;
        }
        /* PROMO BUTTON STYLE */

        .promobutton {
            float: right;
            right: 20px;
            width: 280px;
            height: 50px;
            margin-top: 10px;
        }

        .button {
            border: 1px solid green;
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            transform: skewX(-10deg);
            height: 40px;
            width: 100%;
            border-radius: 20px 5px 20px 0;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            font-family: 'Bebas Neue',cursive;
            font-size: 35px;
            font-weight: 300;
            padding-top: 7px;
            text-shadow: 0 0 20px #fff;
            text-transform: uppercase;
            -webkit-animation: breath2 2s 0.5s infinite alternate;
            animation: breath2 2s 0.5s infinite alternate;
            transition: all 0.2s ease;
            cursor: pointer;
            color: red;
        }

            .button:before {
                content: "";
                display: block;
                width: calc(100% - 22px);
                height: calc(45px - 8px);
                -webkit-animation: breath 2s infinite alternate;
                animation: breath 2s infinite alternate;
                left: 10px;
                top: 3px;
                position: absolute;
                background-color: transparent;
                border: 1px solid #ffde00;
                border-radius: 15px 3px 15px 3px;
            }

            .button.fire {
                border-color: #ff0000;
                background: rgb(255,0,0);
                background: linear-gradient(0deg,rgba(255,0,0,1) 0%,rgba(255,0,0,0) 100%);
                box-shadow: 0 0 15px rgba(255,0,0,0.6),0 5px 20px rgba(255,0,0,0.6),inset 0 1px #ff0000,inset 0 -1px #ff0000;
                color: #fff;
            }

                .button.fire:before {
                    box-shadow: inset 0 0 20px 0 #ff0000;
                }

            .button:hover.fire {
                box-shadow: 0 0 25px rgba(255,0,0,0.8),0 5px 20px rgba(255,0,0,0.8),inset 0 1px #ff0000,inset 0 -1px #ff0000;
                color: green;
            }

                .button:hover.fire:before {
                    box-shadow: inset 0 0 30px 0 #ff0000;
                }

            .button + .button {
                margin-top: 15px;
                -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
            }

        @-webkit-keyframes breath {
            0% {
                transform: scaleX(1);
            }

            100% {
                transform: scaleX(0.95);
            }
        }

        @keyframes breath {
            0% {
                transform: scaleX(1);
            }

            100% {
                transform: scaleX(0.95);
            }
        }

        @-webkit-keyframes breath2 {
            0% {
                transform: skewX(-10deg) scaleX(1);
            }

            100% {
                transform: skewX(-10deg) scaleX(0.95);
            }
        }

        @keyframes breath2 {
            0% {
                transform: skewX(-10deg) scaleX(1);
            }

            100% {
                transform: skewX(-10deg) scaleX(0.95);
            }
        }

        .ref {
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.6);
            border-radius: 3px;
            padding: 5px 8px;
            position: absolute;
            font-size: 16px;
            bottom: 10px;
            right: 10px;
            color: #fff;
            font-weight: 300;
            font-family: montserrat;
            text-decoration: none;
        }

            .ref::first-letter {
                font-size: 12px;
            }
        /* END PROMO BUTTON */

        .header .login-container {
            float: right;
            width: 522px;
            margin-top: 10px;
        }

        .numbercode {
            float: left;
            width: 55px;
            height: 29px;
            margin-left: 5px;
            border: 1px solid transparent;
            border-color: green;
            border-image-slice: 1;
        }
        /* Style the input field inside the navbar */

        .header input[type=text] {
            float: left;
            padding-left: 5px;
            margin-left: 5px;
            margin-top: 0;
            font-size: 12px;
            width: 100px; /* adjust as needed (as long as it doesn't break the topnav) */
            height: 27px;
            background: #000;
            border: 1px solid transparent;
            border-color: green;
            border-image-slice: 1;
            font-style: italic;
            color: #fff;
        }

        .header input[type=password] {
            float: left;
            padding-left: 5px;
            margin-left: 5px;
            margin-top: 0;
            font-size: 12px;
            width: 100px; /* adjust as needed (as long as it doesn't break the topnav) */
            height: 27px;
            background: #000;
            border: 1px solid transparent;
            border-color: green;
            border-image-slice: 1;
            font-style: italic;
            color: #fff;
        }

        .code input[type=text] {
            float: left;
            width: 50px;
            border: 1px solid transparent;
            border-color: green;
            border-image-slice: 1;
        }
        /* Style the button inside the input container */

        .header .login-container .sitelogin {
            float: left;
            width: 80px;
            height: 31px;
            font-family: 'Bebas Neue',cursive;
            margin-left: 5px;
            font-size: 20px;
            cursor: pointer;
            color: #fff;
        }

            .header .login-container .sitelogin:hover {
                background-image: linear-gradient(to top,#d80007 100%,#ff0008 100%);
            }

        nav {
            margin: 115px auto;
            max-width: 930px;
            width: 930px;
            font-family: 'Bebas Neue',cursive;
        }

        #checkbox1, .toggle {
            display: none;
        }

        .menu {
            padding: 0;
            margin: 0;
            max-width: 926px;
            height: 45px;
            border-radius: 0;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            align-items: center;
            list-style-type: none;
        }

            .menu li a {
                text-decoration: none;
                align-self: center;
                border-radius: 0;
                font-size: 20px;
                padding: 8px 12px;
                transition: background .2s linear;
            }

        .demo {
            border-radius: 0px;
            border: 10px solid;
            border-image-slice: 1;
            border-width: 1.5px;
            border-color: #00FF00;
            background: rgb(55,55,55);
            background: linear-gradient(0deg, #007000 0%, #009E00 22%, #1FD91F 50%, #00FF00 77%, #00FF00 100%);
        }

            .demo li a {
                color: #FFD700;
                text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000;
            }

                .demo li a:hover {
                    width: 100%;
                    color: #FFD700;
                    text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000;
                    -webkit-text-stroke: solid 1px #00ff04;
                    background: #007C00;
                    background: linear-gradient(0deg, #00db00 0%, #00FF00 50%);
                }

        #informasi {
            top: 180px;
            position: absolute;
            float: left;
            background: rgb(187,144,0);
            background: -moz-linear-gradient(0deg, #00FF00 0%, #005E18 100%);
            background: -webkit-linear-gradient(0deg, #00FF00 0%, #005E18 100%);
            background: linear-gradient(0deg, #00FF00 0%, #005E18 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bb9000",endColorstr="#fff393",GradientType=1);
            width: 930px;
            height: 43px;
            border: 1px solid #00FF00;
            border-radius: 5px;
            margin-bottom: 20px;
        }

        .textinformasi {
            float: left;
            color: #FFD700;
            font-size: 25px;
            font-family: 'Bebas Neue',cursive;
            letter-spacing: 2px;
            width: 0.2%;
            margin: -18px 10px;
            text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000
        }

        .textmarquee {
            float: right;
            color: rgb(0, 255, 4);
            font: normal 15px arial,montserrat;
            font-style: italic;
            width: 92%;
            height: 26px;
            margin: 8px 5px;
            background: rgb(36,36,36);
            background: -moz-linear-gradient(0deg, #000000 0%, #414242 50%, #000000 100%);
            background: -webkit-linear-gradient(0deg, #000000 0%, #414242 50%, #000000 100%);
            background: linear-gradient(0deg, #000000 0%, #414242 50%, #000000 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#242424",endColorstr="#181818",GradientType=1);
            padding-top: 4px;
            border-radius: 7px;
        }

        #sliderarea {
            position: absolute;
            top: 235px;
            float: left;
            width: 656px;
            height: 276px;
            border: 2px solid #00FF00;
        }

        .iframestyle {
            width: 100%;
            height: 276px;
            float: left;
            margin-left: 0;
            margin-top: 0;
        }

        .gamewraper {
            margin-top: -50px;
            margin-left: 666px;
            float: right;
            width: 264px;
            height: 259px;
            font-family: 'bebas neue',bold;
        }

        .games {
            float: left;
            margin: 0 auto;
            text-align: center;
            width: 264px;
            height: 65px;
            margin-bottom: 7px;
            border: 1px solid #00FF00;
        }

        .nbox {
            background: -ms-linear-gradient(top,#274b66 0,#103856 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#274b66',endColorstr='#103856',GradientType=0);
        }

        .nbox {
            -webkit-box-shadow: aquamarine;
            -moz-box-shadow: 0 -2px 0 0 rgba(7,32,49,1);
            padding: 0 0;
            float: left;
            width: 930px;
            margin-top: 30px;
        }

        .media-body {
            vertical-align: middle;
            border-radius: 5px;
        }

        .media {
            font-family: 'impact',cursive;
        }

        .media-body span {
            position: absolute;
            font-size: 20px;
            margin-left: 60px;
            color: #FFD700;
            padding-top: 18px;
            text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000
        }

        .media {
            float: left;
            width: 220px;
            height: 70px;
            margin-top: 0;
            margin-left: 7px;
            font-size: 18px;
            border-radius: 0px;
            border: 10px solid;
            border-image-slice: 1;
            border-width: 2px;
            border-image-source: linear-gradient(0deg, #007000 0%, #009E00 22%, #1FD91F 50%, #00FF00 77%, #00FF00 100%);
            background: rgb(55,55,55);
            background: linear-gradient(0deg, #00FF33 0%, #148200 56%, #00660C 100%);
        }

        .socialico {
            float: left;
            width: 40px;
            height: 40px;
            position: absolute;
            margin-top: 15px;
            margin-left: 10px;
        }

        img {
            max-width: 100%;
            max-height: 100%;
            /* display: block; */
        }

        .middleinfo {
            float: right;
            margin-top: 10px;
            width: 930px;
            height: 330px;
        }

        .boxtoto {
            font-family: 'Bebas Neue',cursive!important;
            float: left;
            width: 302px;
            height: 295px;
            border: 1px solid #00FF00;
            background: linear-gradient(-45deg,#003004,#001A02,#073000,#004206);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }

        .boxstep {
            float: right;
            width: 615px;
            height: 295px;
        }

        .step {
            float: left;
            width: 100%;
            height: 145px;
            border: 1px solid #00FF00;
        }

        .supportedbrowser {
            float: left;
            margin-top: 10px;
            width: 100%;
            height: 140px;
            border: 1px solid #00FF00;
        }

        .light {
            -webkit-mask-image: linear-gradient(-15deg,rgba(0,0,0,.6) 30%,rgb(0, 0, 0) 50%,rgba(0,0,0,.6) 70%);
            -webkit-mask-size: 200%;
            animation: shine 1.5s infinite;
        }

        .lightimg {
            -webkit-mask-image: linear-gradient(to right,rgba(0, 0, 0, .7) 30%,rgb(0, 0, 4) 50%,rgba(0, 0, 0, .7) 70% );
            -webkit-mask-size: 200%;
            animation: shine 0.9s infinite;
        }

        @-webkit-keyframes shine {
            from {
                -webkit-mask-position: 150%;
            }

            to {
                -webkit-mask-position: -50%;
            }
        }

        .lastesttitle {
            float: left;
            width: 100%;
            height: 33px;
            text-align: center;
            vertical-align: middle;
            background: rgb(187,144,0);
            background: linear-gradient(0deg, #00FF00 0%, #005E18 100%);
            color: #fff;
            font-size: 25px;
            font-family: 'Bebas Neue',cursive;
            font-style: bold;
            padding-top: 5px;
            margin-bottom: 3px;
            color: #FFD700;
            text-shadow: 1px 1px #000, -1px 1px #000, 1px -1px #000, -1px -1px #000, 1px 1px 5px #000;
        }

        .tototitle {
            float: left;
            width: 80px;
            height: 40px;
        }

        .countrytoto {
            width: 85px;
            padding-left: 8px;
            text-align: left;
            font-size: 18px;
            text-transform: uppercase;
        }
        
        .datetoto {
            text-align: left;
            font-size: 18px;
        }

        #gaptoto {
            margin-left: 0px;
            margin-top: 2px;
            width: 302px;
            border-bottom: 1px solid #00FF00;
        }

        .imgtoto {
            width: 9%;
            height: 9%;
            padding-bottom: 3px;
        }

        .wrappersection {
            float: left;
            width: 100%;
        }

        table {
            border-left: 0 solid #ddd;
            border-right: 0 solid #ddd;
        }

        table, td, th {
            border-bottom: 0 solid #ddd;
        }

        table {
            border-collapse: collapse;
            width: 90%;
        }

        td { /* background:rgb(96,96,96); background:linear-gradient(0deg,rgba(96,96,96,1) 0%,rgba(0,0,0,0) 44%,rgba(41,41,41,0) 100%); */
            height: 15px;
            text-align: center;
            vertical-align: center;
        }

        .widget-content {
            margin: 0 0 0 0;
        }

        tr td a {
            display: block;
        }

        .widget-content tr td {
            border-top: 0;
            letter-spacing: 0;
            color: #fff;
        }

        .sectionfooter {
            float: right;
            position: relative;
            left: 0%; /* or right 50% */
            text-align: center;
            margin-top: -45px;
            margin-bottom: 30px;
            max-width: 930px;
            height: 100%;
            border-radius: 5px;
            text-align: center;
        }

        .textkeyword {
            float: left;
            margin-top: 0;
            text-align: left;
            padding: 0 10px 0 10px;
            font-family: montserrat;
        }

        #footerok {
            float: right;
            position: relative;
            left: 0; /* or right 50% */
            text-align: center;
            margin-top: 15px;
            background: rgb(55,55,55);
            background: linear-gradient(0deg, #007000 0%, #009E00 22%, #1FD91F 50%, #00FF00 77%, #00FF00 100%);
            width: 100%;
            height: 43px;
            border: 1px solid #00FF00;
            border-radius: 5px;
            margin-bottom: 20px;
        }

        .textfooter {
            float: left;
            color: #000000;
            font-size: 15px;
            width: 100%;
            margin: -2px 15px;
            text-align: center;
            font-family: 'bebas neue',bold;
        }

        .imglogo {
            float: right;
            color: #fff;
            width: 13%;
            margin: 2px 10px;
            border-radius: 7px;
        }
        /* * Animated CSS button * Copyright Alexander Bodin 2019-09-07 * * Useage: .class {@import button($button-size, $hue, $sat);} */

        .animated-button2 {
            float: right;
            margin: auto;
            width: 200px;
            background: linear-gradient(-45deg, #0F5200 0%, #30A900 52%, #47FC00 53%, #3dc100 100%);
            padding: 8px 40px;
            font-family: 'Bebas Neue',cursive;
            display: inline-block;
            -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
            overflow: hidden;
            color: #FFD700;
            font-size: 26px;
            letter-spacing: 2.5px;
            text-align: center;
            text-transform: uppercase;
            text-decoration: none;
            -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
        }

            .animated-button2::before {
                content: '';
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                color: #fff;
                background-color: #00FF00;
                opacity: 0;
                -webkit-transition: .2s opacity ease-in-out;
                transition: .2s opacity ease-in-out;
            }

            .animated-button2:hover::before {
                opacity: 0.2;
            }

            .animated-button2 span {
                position: absolute;
            }

                .animated-button2 span:nth-child(1) {
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 3px;
                    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 26, 8, 0)), to(#00FF00));
                    background: linear-gradient(to left, rgba(43, 26, 8, 0), #00FF00);
                    -webkit-animation: 2s animateTop linear infinite;
                    animation: 2s animateTop linear infinite;
                }

        @keyframes animateTop {
            0% {
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }

            100% {
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        }

        .animated-button2 span:nth-child(2) {
            top: 0px;
            right: 0px;
            height: 100%;
            width: 3px;
            background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 26, 8, 0)), to(#00FF00));
            background: linear-gradient(to top, rgba(43, 26, 8, 0), #00FF00);
            -webkit-animation: 2s animateRight linear -1s infinite;
            animation: 2s animateRight linear -1s infinite;
        }

        @keyframes animateRight {
            0% {
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
            }

            100% {
                -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
            }
        }

        .animated-button2 span:nth-child(3) {
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 3px;
            background: -webkit-gradient(linear, left top, right top, from(rgba(43, 26, 8, 0)), to(#00FF00));
            background: linear-gradient(to right, rgba(43, 26, 8, 0), #00FF00);
            -webkit-animation: 2s animateBottom linear infinite;
            animation: 2s animateBottom linear infinite;
        }

        @keyframes animateBottom {
            0% {
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }

            100% {
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }
        }

        .animated-button2 span:nth-child(4) {
            top: 0px;
            left: 0px;
            height: 100%;
            width: 3px;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 26, 8, 0)), to(#00FF00));
            background: linear-gradient(to bottom, rgba(43, 26, 8, 0), #00FF00);
            -webkit-animation: 2s animateLeft linear -1s infinite;
            animation: 2s animateLeft linear -1s infinite;
        }

        @keyframes animateLeft {
            0% {
                -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
            }

            100% {
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
            }
        }

        @keyframes glowing {
            0% {
                box-shadow: 0 0 -10px #00FF00;
            }

            40% {
                box-shadow: 0 0 20px #00FF00;
            }

            60% {
                box-shadow: 0 0 20px #00FF00;
            }

            100% {
                box-shadow: 0 0 -10px #00FF00;
            }
        }

        .button-glow {
            animation: glowing 3000ms infinite;
        }
        /*# sourceMappingURL=button.css.map */

        .glow {
            text-decoration: none;
            position: relative;
            overflow: hidden;
        }

            .glow:hover {
                box-shadow: 1px 1px 25px 10px #00ff00a7;
            }

            .glow:before {
                content: "";
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient( 120deg, transparent, rgba(139, 255, 146, 0.763), transparent );
                transition: all 650ms;
            }

            .glow:hover:before {
                left: 100%;
            }
        /* NOT NEEDED FOR PROGRESS BAR OR SLIDERS */

        body {
            font-family: 'montserrat', montserrat;
        }

        td {
            /* padding-right: 20px; */
            padding-bottom: 4px;
        }

        .col1, .col2 {
            max-width: 930px;
            height: 8%;
            padding: 5px;
            margin-top: 25px;
        }

        .col1 {
            background-color: #FFF;
            float: left;
        }

        .col2 {
            background-color: transparent;
            color: #FFF;
        }
        /* PROGRESS BAR - BASE */

        .meter {
            height: 5px;
            position: relative;
            background: #DCE0E3;
            border-radius: 8px;
        }

        .dark {
            background: #4D575F;
        }

        .meter > span {
            display: block;
            height: 100%;
            -webkit-border-top-right-radius: 8px;
            -webkit-border-bottom-right-radius: 8px;
            -moz-border-radius-topright: 8px;
            -moz-border-radius-bottomright: 8px;
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
            -moz-border-radius-bottomleft: 20px;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            background-color: #6BB438;
            position: relative;
            overflow: hidden;
        }

            .meter > span:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #56aa1c), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #56aa1c), color-stop(.75, #56aa1c), color-stop(.75, transparent), to(transparent));
                background-image: -webkit-linear-gradient(-45deg, #56aa1c 25%, transparent 25%, transparent 50%, #56aa1c 50%, #56aa1c 75%, transparent 75%, transparent);
                background-image: -moz-linear-gradient(-45deg, #56aa1c 25%, transparent 25%, transparent 50%, #56aa1c 50%, #56aa1c 75%, transparent 75%, transparent);
                background-image: -ms-linear-gradient(-45deg, #56aa1c 25%, transparent 25%, transparent 50%, #56aa1c 50%, #56aa1c 75%, transparent 75%, transparent);
                background-image: -o-linear-gradient(-45deg, #56aa1c 25%, transparent 25%, transparent 50%, #56aa1c 50%, #56aa1c 75%, transparent 75%, transparent);
                z-index: 1;
                -webkit-background-size: 20px 20px;
                -moz-background-size: 20px 20px;
                background-size: 20px 20px;
                -webkit-animation: move 2s linear infinite;
                -webkit-border-top-right-radius: 8px;
                -webkit-border-bottom-right-radius: 8px;
                -moz-border-radius-topright: 8px;
                -moz-border-radius-bottomright: 8px;
                border-top-right-radius: 8px;
                border-bottom-right-radius: 8px;
                -webkit-border-top-left-radius: 20px;
                -webkit-border-bottom-left-radius: 20px;
                -moz-border-radius-topleft: 20px;
                -moz-border-radius-bottomleft: 20px;
                border-top-left-radius: 20px;
                border-bottom-left-radius: 20px;
                overflow: hidden;
            }
        /* PROGRESS BAR - ANIMATION */

        @-webkit-keyframes move {
            0% {
                background-position: 0 0;
            }

            100% {
                background-position: 30px 30px;
            }
        }

        @-moz-keyframes move {
            0% {
                background-position: 0 0;
            }

            100% {
                background-position: 30px 30px;
            }
        }
        /* SLIDER - BASE */

        input[type="range"] {
            -webkit-appearance: none;
            outline: none;
            position: relative;
            background: #DBDFE2;
            width: 100%;
            height: 12px;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            border-radius: 8px;
        }

        input::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 12px;
            height: 12px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            background: #002A44;
        }

        ::-ms-fill-lower {
            background: #58BFFF;
        }

        .footer-separator {
            border-top-color: #3d3b3e;
            padding: 15px 0 0;
            margin: 15px 0 0;
            border-top: 1px dotted #2bff00;
        }

        hr {
            margin-top: 20px;
            margin-bottom: 20px;
            border: 0;
            border-top: 1px solid #147a00;
        }

        .table {
            width: 100%;
            border-right: 2px solid #147a00;
            border-top: 1px solid #147a00;
        }

        .tbody {
            display: table-row-group;
            vertical-align: middle;
            border-color: inherit;
        }

        .table tr td {
            border-top: 0;
            letter-spacing: 0;
            color: #fff;
        }

        @import url(https://fonts.googleapis.com/css?family=montserrat);
        @import url(https://fonts.googleapis.com/css?family=montserrat);

        .faq-heading {
            font-family: montserrat;
            font-weight: 400;
            font-size: 19px;
            -webkit-transition: text-indent 0.2s;
            text-indent: 20px;
            color: lime;
        }

        .faq-text {
            font-family: montserrat;
            font-weight: 400;
            color: rgb(0, 255, 0);
            width: 95%;
            padding-left: 20px;
            margin-bottom: 30px;
        }

        .faq {
            max-width: 930px;
            margin: 0 auto;
            background: #147a003a;
            border-radius: 4px;
            position: relative;
            border: 1px solid #1a9e00;
            margin-bottom: 20px;
        }

            .faq label {
                display: block;
                position: relative;
                overflow: hidden;
                cursor: pointer;
                height: 56px;
                padding-top: 1px;
                background-color: #157d00b5;
                border-bottom: 1px solid #157900;
            }

            .faq input[type="checkbox"] {
                display: none;
            }

            .faq .faq-arrow {
                width: 5px;
                height: 5px;
                transition: -webkit-transform 0.8s;
                transition: transform 0.8s;
                transition: transform 0.8s, -webkit-transform 0.8s;
                -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                border-top: 2px solid rgba(0, 0, 0, 0.33);
                border-right: 2px solid rgba(0, 0, 0, 0.33);
                float: right;
                position: relative;
                top: -30px;
                right: 27px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .faq input[type="checkbox"]:checked + label > .faq-arrow {
                transition: -webkit-transform 0.8s;
                transition: transform 0.8s;
                transition: transform 0.8s, -webkit-transform 0.8s;
                -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .faq input[type="checkbox"]:checked + label {
                display: block;
                background: #5cff6418 !important;
                color: #4f7351;
                height: 225px;
                transition: height 0.8s;
                -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            }

            .faq input[type='checkbox']:not(:checked) + label {
                display: block;
                transition: height 0.8s;
                height: 60px;
                -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
            }

        ::-webkit-scrollbar {
            display: none;
        }
        /* Start animasi popup */

        @-webkit-keyframes autopopup {
            from {
                opacity: 0;
                margin-top: -200px;
            }

            to {
                opacity: 1;
            }
        }

        @-moz-keyframes autopopup {
            from {
                opacity: 0;
                margin-top: -200px;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes autopopup {
            from {
                opacity: 0;
                margin-top: -200px;
            }

            to {
                opacity: 1;
            }
        }
        /* end animasi popup */ /*style untuk popup */

        #popup {
            z-index: 1000;
            background-color: rgba(0,0,0,0.7);
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0;
            -webkit-animation: autopopup 2s;
            -moz-animation: autopopup 2s;
            animation: autopopup 2s;
            overflow: auto;
        }

            #popup:target {
                -webkit-transition: all 1s;
                -moz-transition: all 1s;
                transition: all 1s;
                opacity: 0;
                isibility: hidden;
            }
        /* some device mobile */

        @media screen and (max-device-width: 480px) and (orientation: portrait) {
            .popup-container {
                width: 540px;
            }
        }
        /* iPad */

        @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
            .popup-container {
                width: 540px;
            }
        }
        /* iPad landscape*/

        @media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
            .popup-container {
                width: 540px;
            }
        }
        /* iPad Pro */

        @media screen and (min-device-width: 1024px) and (max-device-width:1366px) {
            .popup-container {
                width: 540px;
            }
        }
        /* iPad Pro landscape*/

        @media screen and (min-device-width: 1024px) and (max-device-width:1366px) and (orientation : landscape) {
            .popup-container {
                width: 540px;
            }
        }
        /* Portrait */

        @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
            .popup-container {
                left: 0px !important;
                top: 0px !important;
                visibility: visible;
                position: absolute !important;
                overflow: visible;
                clip: rect(auto auto auto auto) !important;

                @viewport {
                    width: 240px;
                }
            }
        }
        /* desktop*/

        @media (min-width: 768px) {
            .popup-container {
                width: 600px;
            }
        }

        @media (max-width: 500px) {
            .popup-container {
                width: 85%;
            }
        }

        @media (max-width: 320x) {
            .popup-container .notifbody {
                width: 50%;
                height: 50%
            }
        }

        .popup-container {
            position: relative;
            margin: 15% auto;
            padding: 10px 5px;
            background-color: #000000bd;
            color: #333;
            border-radius: 3px;
            box-shadow: 0 5px 15px rgb(0 0 0 / 75%);
            border: 1px solid lime;
        }

        a.popup-close {
            position: absolute;
            top: 3px;
            right: 3px;
            background-color: transparent;
            padding: 7px 10px;
            font-size: 20px;
            text-decoration: none;
            line-height: 1;
            color: lime;
            font-family: montserrat;
        }

            a.popup-close:hover {
                color: white;
            }

        .navpopup {
            background: transparent;
            align-items: center;
            text-align: center;
            border-top-left-radius: inherit;
            border-top-right-radius: inherit;
            border-bottom: 0;
            min-height: 50px;
            text-transform: uppercase;
            min-height: 16.428571429px;
            padding: 15px;
            border-bottom: 1px solid #6d6d6d;
            color: lime;
            font-family: montserrat;
        }

        .navpopup {
            margin: 10;
            padding: 12px;
            padding-bottom: 2px;
            align-items: center;
        }

        .navtitle {
            margin: 0;
            line-height: 1.428571429;
            font-size: 12px;
            padding-left: 33px;
            padding-right: 33px;
            padding-bottom: 5px;
            padding-top: 12px;
            border-radius: 9px;
        }

        .notifbody {
            padding: 10px;
            background: transparent;
            font-family: montserrat;
            padding-top: 8px;
            padding-bottom: 2px;
        }

        .footerpopup {
            border-top: 1px solid #6d6d6d;
            text-align: center;
        }

        #bottone1 {
            background: #e4ff23;
            margin: 20px;
            padding-left: 33px;
            padding-right: 33px;
            padding-bottom: 16px;
            padding-top: 16px;
            border-radius: 9px;
            background: linear-gradient(to bottom,#e4ff23 0%,#9db20a 100%);
            border: none;
            font-family: montserrat;
            text-align: center;
            cursor: pointer;
            transition: 0.4s;
        }

            #bottone1:hover {
                box-shadow: 7px 5px 56px -14px #C3D900;
            }

            #bottone1:active {
                transform: scale(0.97);
                box-shadow: 7px 5px 56px -10px #C3D900;
            }

        .centerlogo {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }

        .wrapper {
            width: 100%;
            overflow: hidden;
            border: 0.5px solid #147a00;
            margin-top: -20px;
        }

        .photobanner {
            position: relative;
            height: 100px;
            margin-bottom: 2px;
            margin-top: 2px;
            display: flex;
            width: 100%;
        }

            .photobanner img {
                margin: 0px 5px;
            }

        .photobanner {
            animation: bannermove 10s linear infinite alternate-reverse;
        }

        @keyframes bannermove {
            from {
                left: 0px;
            }

            to {
                left: -2000px;
            }
        }

        *, ::after, ::before {
            box-sizing: border-box
        }

        footer {
            display: block
        }

        img {
            vertical-align: middle;
            border-style: none
        }

        svg {
            overflow: hidden;
            vertical-align: middle
        }

        caption {
            padding-top: .75rem;
            padding-bottom: .75rem;
            color: #6c757d;
            text-align: left;
            caption-side: bottom
        }

        button:focus {
            outline: 1px dotted;
            outline: 5px auto -webkit-focus-ring-color
        }

        [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
            padding: 0;
            border-style: none
        }

        [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            outline-offset: -2px;
            -webkit-appearance: none
        }

            [type=search]::-webkit-search-cancel-button, [type=search] ::-webkit-search-decoration {
                -webkit-appearance: none
            }

        ::-webkit-file-upload-button {
            font: inherit;
            -webkit-appearance: button
        }

        output {
            display: inline-block
        }

        summary {
            display: list-item;
            cursor: pointer
        }

        template {
            display: none
        }

        [hidden] {
            display: none
        }

        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
            margin-bottom: .5rem;
            font-family: montserrat;
            font-weight: 500;
            line-height: 1.2;
            color: lime
        }

        .h1, h1 {
            font-size: 2.5rem
        }

        .h2, h2 {
            font-size: 2rem
        }

        .h3, h3 {
            font-size: 1.75rem
        }

        .h4, h4 {
            font-size: 1.5rem
        }

        .h5, h5 {
            font-size: 1.25rem
        }

        .h6, h6 {
            font-size: 1rem
        }

        hr {
            margin-top: 1rem;
            margin-bottom: 1rem;
            border: 0;
            border-top: 1px solid rgba(0,0,0,.1)
        }

        .small, small {
            font-size: 80%;
            font-weight: 400
        }

        .mark, mark {
            padding: .2em;
            background-color: #1a9e00
        }

        .list-unstyled {
            padding-left: 0;
            list-style: none
        }

        .list-inline {
            padding-left: 0;
            list-style: none
        }

        .list-inline-item {
            display: inline-block
        }

            .list-inline-item:not(:last-child) {
                margin-right: .5rem
            }

        .initialism {
            font-size: 90%;
            text-transform: uppercase
        }

        .containebawahr-fluid {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        .row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px
        }

        .no-gutters {
            margin-right: 0;
            margin-left: 0
        }

            .no-gutters > .col, .no-gutters > [class*=col-] {
                padding-right: 0;
                padding-left: 0
            }

        .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
            position: relative;
            width: 100%;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px
        }

        .col {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%
        }

        .col-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: none
        }

        .col-1 {
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%
        }

        .col-2 {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%
        }

        .col-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%
        }

        .col-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%
        }

        .col-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%
        }

        .col-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%
        }

        .col-7 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%
        }

        .col-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%
        }

        .col-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%
        }

        .col-10 {
            -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%
        }

        .col-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%
        }

        .col-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }

        @media (min-width:576px) {
            .col-sm {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-sm-auto {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: none
            }

            .col-sm-1 {
                -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
                max-width: 8.333333%
            }

            .col-sm-2 {
                -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
                max-width: 16.666667%
            }

            .col-sm-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%
            }

            .col-sm-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%
            }

            .col-sm-5 {
                -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
                max-width: 41.666667%
            }

            .col-sm-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-sm-7 {
                -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
                max-width: 58.333333%
            }

            .col-sm-8 {
                -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
                max-width: 66.666667%
            }

            .col-sm-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
            }

            .col-sm-10 {
                -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
                max-width: 83.333333%
            }

            .col-sm-11 {
                -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
                max-width: 91.666667%
            }

            .col-sm-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

            .order-sm-first {
                -ms-flex-order: -1;
                order: -1
            }

            .order-sm-last {
                -ms-flex-order: 13;
                order: 13
            }

            .order-sm-0 {
                -ms-flex-order: 0;
                order: 0
            }

            .order-sm-1 {
                -ms-flex-order: 1;
                order: 1
            }

            .order-sm-2 {
                -ms-flex-order: 2;
                order: 2
            }

            .order-sm-3 {
                -ms-flex-order: 3;
                order: 3
            }

            .order-sm-4 {
                -ms-flex-order: 4;
                order: 4
            }

            .order-sm-5 {
                -ms-flex-order: 5;
                order: 5
            }

            .order-sm-6 {
                -ms-flex-order: 6;
                order: 6
            }

            .order-sm-7 {
                -ms-flex-order: 7;
                order: 7
            }

            .order-sm-8 {
                -ms-flex-order: 8;
                order: 8
            }

            .order-sm-9 {
                -ms-flex-order: 9;
                order: 9
            }

            .order-sm-10 {
                -ms-flex-order: 10;
                order: 10
            }

            .order-sm-11 {
                -ms-flex-order: 11;
                order: 11
            }

            .order-sm-12 {
                -ms-flex-order: 12;
                order: 12
            }

            .offset-sm-0 {
                margin-left: 0
            }

            .offset-sm-1 {
                margin-left: 8.333333%
            }

            .offset-sm-2 {
                margin-left: 16.666667%
            }

            .offset-sm-3 {
                margin-left: 25%
            }

            .offset-sm-4 {
                margin-left: 33.333333%
            }

            .offset-sm-5 {
                margin-left: 41.666667%
            }

            .offset-sm-6 {
                margin-left: 50%
            }

            .offset-sm-7 {
                margin-left: 58.333333%
            }

            .offset-sm-8 {
                margin-left: 66.666667%
            }

            .offset-sm-9 {
                margin-left: 75%
            }

            .offset-sm-10 {
                margin-left: 83.333333%
            }

            .offset-sm-11 {
                margin-left: 91.666667%
            }
        }

        @media (min-width:768px) {
            .col-md {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-md-auto {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: none
            }

            .col-md-1 {
                -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
                max-width: 8.333333%
            }

            .col-md-2 {
                -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
                max-width: 16.666667%
            }

            .col-md-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%
            }

            .col-md-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%
            }

            .col-md-5 {
                -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
                max-width: 41.666667%
            }

            .col-md-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-md-7 {
                -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
                max-width: 58.333333%
            }

            .col-md-8 {
                -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
                max-width: 66.666667%
            }

            .col-md-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
            }

            .col-md-10 {
                -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
                max-width: 83.333333%
            }

            .col-md-11 {
                -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
                max-width: 91.666667%
            }

            .col-md-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

            .order-md-first {
                -ms-flex-order: -1;
                order: -1
            }

            .order-md-last {
                -ms-flex-order: 13;
                order: 13
            }

            .order-md-0 {
                -ms-flex-order: 0;
                order: 0
            }

            .order-md-1 {
                -ms-flex-order: 1;
                order: 1
            }

            .order-md-2 {
                -ms-flex-order: 2;
                order: 2
            }

            .order-md-3 {
                -ms-flex-order: 3;
                order: 3
            }

            .order-md-4 {
                -ms-flex-order: 4;
                order: 4
            }

            .order-md-5 {
                -ms-flex-order: 5;
                order: 5
            }

            .order-md-6 {
                -ms-flex-order: 6;
                order: 6
            }

            .order-md-7 {
                -ms-flex-order: 7;
                order: 7
            }

            .order-md-8 {
                -ms-flex-order: 8;
                order: 8
            }

            .order-md-9 {
                -ms-flex-order: 9;
                order: 9
            }

            .order-md-10 {
                -ms-flex-order: 10;
                order: 10
            }

            .order-md-11 {
                -ms-flex-order: 11;
                order: 11
            }

            .order-md-12 {
                -ms-flex-order: 12;
                order: 12
            }

            .offset-md-0 {
                margin-left: 0
            }

            .offset-md-1 {
                margin-left: 8.333333%
            }

            .offset-md-2 {
                margin-left: 16.666667%
            }

            .offset-md-3 {
                margin-left: 25%
            }

            .offset-md-4 {
                margin-left: 33.333333%
            }

            .offset-md-5 {
                margin-left: 41.666667%
            }

            .offset-md-6 {
                margin-left: 50%
            }

            .offset-md-7 {
                margin-left: 58.333333%
            }

            .offset-md-8 {
                margin-left: 66.666667%
            }

            .offset-md-9 {
                margin-left: 75%
            }

            .offset-md-10 {
                margin-left: 83.333333%
            }

            .offset-md-11 {
                margin-left: 91.666667%
            }
        }

        @media (min-width:992px) {
            .col-lg {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-lg-auto {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: none
            }

            .col-lg-1 {
                -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
                max-width: 8.333333%
            }

            .col-lg-2 {
                -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
                max-width: 16.666667%
            }

            .col-lg-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%
            }

            .col-lg-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%
            }

            .col-lg-5 {
                -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
                max-width: 41.666667%
            }

            .col-lg-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 45%
            }

            .col-lg-7 {
                -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
                max-width: 58.333333%
            }

            .col-lg-8 {
                -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
                max-width: 66.666667%
            }

            .col-lg-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
            }

            .col-lg-10 {
                -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
                max-width: 83.333333%
            }

            .col-lg-11 {
                -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
                max-width: 91.666667%
            }

            .col-lg-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

            .order-lg-first {
                -ms-flex-order: -1;
                order: -1
            }

            .order-lg-last {
                -ms-flex-order: 13;
                order: 13
            }

            .order-lg-0 {
                -ms-flex-order: 0;
                order: 0
            }

            .order-lg-1 {
                -ms-flex-order: 1;
                order: 1
            }

            .order-lg-2 {
                -ms-flex-order: 2;
                order: 2
            }

            .order-lg-3 {
                -ms-flex-order: 3;
                order: 3
            }

            .order-lg-4 {
                -ms-flex-order: 4;
                order: 4
            }

            .order-lg-5 {
                -ms-flex-order: 5;
                order: 5
            }

            .order-lg-6 {
                -ms-flex-order: 6;
                order: 6
            }

            .order-lg-7 {
                -ms-flex-order: 7;
                order: 7
            }

            .order-lg-8 {
                -ms-flex-order: 8;
                order: 8
            }

            .order-lg-9 {
                -ms-flex-order: 9;
                order: 9
            }

            .order-lg-10 {
                -ms-flex-order: 10;
                order: 10
            }

            .order-lg-11 {
                -ms-flex-order: 11;
                order: 11
            }

            .order-lg-12 {
                -ms-flex-order: 12;
                order: 12
            }

            .offset-lg-0 {
                margin-left: 0
            }

            .offset-lg-1 {
                margin-left: 8.333333%
            }

            .offset-lg-2 {
                margin-left: 16.666667%
            }

            .offset-lg-3 {
                margin-left: 25%
            }

            .offset-lg-4 {
                margin-left: 33.333333%
            }

            .offset-lg-5 {
                margin-left: 41.666667%
            }

            .offset-lg-6 {
                margin-left: 50%
            }

            .offset-lg-7 {
                margin-left: 58.333333%
            }

            .offset-lg-8 {
                margin-left: 66.666667%
            }

            .offset-lg-9 {
                margin-left: 75%
            }

            .offset-lg-10 {
                margin-left: 83.333333%
            }

            .offset-lg-11 {
                margin-left: 91.666667%
            }
        }

        @media (min-width:1200px) {
            .col-xl {
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                -ms-flex-positive: 1;
                flex-grow: 1;
                max-width: 100%
            }

            .col-xl-auto {
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                width: auto;
                max-width: none
            }

            .col-xl-1 {
                -ms-flex: 0 0 8.333333%;
                flex: 0 0 8.333333%;
                max-width: 8.333333%
            }

            .col-xl-2 {
                -ms-flex: 0 0 16.666667%;
                flex: 0 0 16.666667%;
                max-width: 16.666667%
            }

            .col-xl-3 {
                -ms-flex: 0 0 25%;
                flex: 0 0 25%;
                max-width: 25%
            }

            .col-xl-4 {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%
            }

            .col-xl-5 {
                -ms-flex: 0 0 41.666667%;
                flex: 0 0 41.666667%;
                max-width: 41.666667%
            }

            .col-xl-6 {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%
            }

            .col-xl-7 {
                -ms-flex: 0 0 58.333333%;
                flex: 0 0 58.333333%;
                max-width: 58.333333%
            }

            .col-xl-8 {
                -ms-flex: 0 0 66.666667%;
                flex: 0 0 66.666667%;
                max-width: 66.666667%
            }

            .col-xl-9 {
                -ms-flex: 0 0 75%;
                flex: 0 0 75%;
                max-width: 75%
            }

            .col-xl-10 {
                -ms-flex: 0 0 83.333333%;
                flex: 0 0 83.333333%;
                max-width: 83.333333%
            }

            .col-xl-11 {
                -ms-flex: 0 0 91.666667%;
                flex: 0 0 91.666667%;
                max-width: 91.666667%
            }

            .col-xl-12 {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                max-width: 100%
            }

            .order-xl-first {
                -ms-flex-order: -1;
                order: -1
            }

            .order-xl-last {
                -ms-flex-order: 13;
                order: 13
            }

            .order-xl-0 {
                -ms-flex-order: 0;
                order: 0
            }

            .order-xl-1 {
                -ms-flex-order: 1;
                order: 1
            }

            .order-xl-2 {
                -ms-flex-order: 2;
                order: 2
            }

            .order-xl-3 {
                -ms-flex-order: 3;
                order: 3
            }

            .order-xl-4 {
                -ms-flex-order: 4;
                order: 4
            }

            .order-xl-5 {
                -ms-flex-order: 5;
                order: 5
            }

            .order-xl-6 {
                -ms-flex-order: 6;
                order: 6
            }

            .order-xl-7 {
                -ms-flex-order: 7;
                order: 7
            }

            .order-xl-8 {
                -ms-flex-order: 8;
                order: 8
            }

            .order-xl-9 {
                -ms-flex-order: 9;
                order: 9
            }

            .order-xl-10 {
                -ms-flex-order: 10;
                order: 10
            }

            .order-xl-11 {
                -ms-flex-order: 11;
                order: 11
            }

            .order-xl-12 {
                -ms-flex-order: 12;
                order: 12
            }

            .offset-xl-0 {
                margin-left: 0
            }

            .offset-xl-1 {
                margin-left: 8.333333%
            }

            .offset-xl-2 {
                margin-left: 16.666667%
            }

            .offset-xl-3 {
                margin-left: 25%
            }

            .offset-xl-4 {
                margin-left: 33.333333%
            }

            .offset-xl-5 {
                margin-left: 41.666667%
            }

            .offset-xl-6 {
                margin-left: 50%
            }

            .offset-xl-7 {
                margin-left: 58.333333%
            }

            .offset-xl-8 {
                margin-left: 66.666667%
            }

            .offset-xl-9 {
                margin-left: 75%
            }

            .offset-xl-10 {
                margin-left: 83.333333%
            }

            .offset-xl-11 {
                margin-left: 91.666667%
            }
        }

        .btn {
            display: inline-block;
            font-weight: 400;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            padding: .375rem .75rem;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: .25rem;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
        }

        @media screen and (prefers-reduced-motion:reduce) {
            .btn {
                transition: none
            }
        }

        .btn:focus, .btn:hover {
            text-decoration: none
        }

        .btn.focus, .btn:focus {
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
        }

        .btn.disabled, .btn:disabled {
            opacity: .65
        }

        .btn:not(:disabled):not(.disabled) {
            cursor: pointer
        }

        a.btn.disabled, fieldset:disabled a.btn {
            pointer-events: none
        }

        .fade {
            transition: opacity .15s linear
        }

        @media screen and (prefers-reduced-motion:reduce) {
            .fade {
                transition: none
            }
        }

        .fade:not(.show) {
            opacity: 0
        }

        .collapse:not(.show) {
            display: none
        }

        .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            transition: height .35s ease
        }

        @media screen and (prefers-reduced-motion:reduce) {
            .collapsing {
                transition: none
            }
        }

        .dropdown, .dropleft, .dropright, .dropup {
            position: relative
        }

        .dropdown-toggle::after {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent
        }

        .dropdown-toggle:empty::after {
            margin-left: 0
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 10rem;
            padding: .5rem 0;
            margin: .125rem 0 0;
            font-size: 1rem;
            color: #212529;
            text-align: left;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid rgba(0,0,0,.15);
            border-radius: .25rem
        }

        .dropdown-menu-right {
            right: 0;
            left: auto
        }

        .dropup .dropdown-menu {
            top: auto;
            bottom: 100%;
            margin-top: 0;
            margin-bottom: .125rem
        }

        .dropup .dropdown-toggle::after {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: 0;
            border-right: .3em solid transparent;
            border-bottom: .3em solid;
            border-left: .3em solid transparent
        }

        .dropup .dropdown-toggle:empty::after {
            margin-left: 0
        }

        .dropright .dropdown-menu {
            top: 0;
            right: auto;
            left: 100%;
            margin-top: 0;
            margin-left: .125rem
        }

        .dropright .dropdown-toggle::after {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid transparent;
            border-right: 0;
            border-bottom: .3em solid transparent;
            border-left: .3em solid
        }

        .dropright .dropdown-toggle:empty::after {
            margin-left: 0
        }

        .dropright .dropdown-toggle::after {
            vertical-align: 0
        }

        .dropleft .dropdown-menu {
            top: 0;
            right: 100%;
            left: auto;
            margin-top: 0;
            margin-right: .125rem
        }

        .dropleft .dropdown-toggle::after {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: .255em;
            vertical-align: .255em;
            content: ""
        }

        .dropleft .dropdown-toggle::after {
            display: none
        }

        .dropleft .dropdown-toggle::before {
            display: inline-block;
            width: 0;
            height: 0;
            margin-right: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid transparent;
            border-right: .3em solid;
            border-bottom: .3em solid transparent
        }

        .dropleft .dropdown-toggle:empty::after {
            margin-left: 0
        }

        .dropleft .dropdown-toggle::before {
            vertical-align: 0
        }

        .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
            right: auto;
            bottom: auto
        }

        .dropdown-divider {
            height: 0;
            margin: .5rem 0;
            overflow: hidden;
            border-top: 1px solid #e9ecef
        }

        .dropdown-item {
            display: block;
            width: 100%;
            padding: .25rem 1.5rem;
            clear: both;
            font-weight: 400;
            color: #212529;
            text-align: inherit;
            white-space: nowrap;
            background-color: transparent;
            border: 0
        }

            .dropdown-item:focus, .dropdown-item:hover {
                color: #16181b;
                text-decoration: none;
                background-color: #f8f9fa
            }

            .dropdown-item.active, .dropdown-item:active {
                color: #fff;
                text-decoration: none;
                background-color: #007bff
            }

            .dropdown-item.disabled, .dropdown-item:disabled {
                color: #6c757d;
                background-color: transparent
            }

        .dropdown-menu.show {
            display: block
        }

        .dropdown-header {
            display: block;
            padding: .5rem 1.5rem;
            margin-bottom: 0;
            font-size: .875rem;
            color: #6c757d;
            white-space: nowrap
        }

        .dropdown-item-text {
            display: block;
            padding: .25rem 1.5rem;
            color: #212529
        }

        .nav {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .nav-link {
            display: block;
            padding: .5rem 1rem
        }

            .nav-link:focus, .nav-link:hover {
                text-decoration: none
            }

            .nav-link.disabled {
                color: #6c757d
            }

        .nav-tabs {
            border-bottom: 1px solid #dee2e6
        }

            .nav-tabs .nav-item {
                margin-bottom: -1px
            }

            .nav-tabs .nav-link {
                border: 1px solid transparent;
                border-top-left-radius: .25rem;
                border-top-right-radius: .25rem
            }

                .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
                    border-color: #e9ecef #e9ecef #dee2e6
                }

                .nav-tabs .nav-link.disabled {
                    color: #6c757d;
                    background-color: transparent;
                    border-color: transparent
                }

                .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                    color: #495057;
                    background-color: #fff;
                    border-color: #dee2e6 #dee2e6 #fff
                }

            .nav-tabs .dropdown-menu {
                margin-top: -1px;
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }

        .nav-pills .nav-link {
            border-radius: .25rem
        }

            .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
                color: #fff;
                background-color: #007bff
            }

        .nav-fill .nav-item {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            text-align: center
        }

        .nav-justified .nav-item {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            text-align: center
        }

        .tab-content > .tab-pane {
            display: none
        }

        .tab-content > .active {
            display: block
        }

        .navbar {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: .5rem 1rem
        }

            .navbar > .containerbawah, .navbar > .containerbawah-fluid {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

        .navbar-brand {
            display: inline-block;
            padding-top: .3125rem;
            padding-bottom: .3125rem;
            margin-right: 0;
            font-size: 1.25rem;
            line-height: inherit;
            white-space: nowrap
        }

            .navbar-brand:focus, .navbar-brand:hover {
                text-decoration: none
            }

        .navbar-nav {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

            .navbar-nav .nav-link {
                padding-right: 0;
                padding-left: 0
            }

            .navbar-nav .dropdown-menu {
                position: static;
                float: none
            }

        .navbar-text {
            display: inline-block;
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .navbar-collapse {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-align: center;
            align-items: center
        }

        .navbar-toggler {
            padding: .25rem .75rem;
            font-size: 1.25rem;
            line-height: 1;
            background-color: transparent;
            border: 1px solid transparent;
            border-radius: .25rem
        }

            .navbar-toggler:focus, .navbar-toggler:hover {
                text-decoration: none
            }

            .navbar-toggler:not(:disabled):not(.disabled) {
                cursor: pointer
            }

        .navbar-toggler-icon {
            display: inline-block;
            width: 1.5em;
            height: 1.5em;
            vertical-align: middle;
            content: "";
            background: no-repeat center center;
            background-size: 100% 100%
        }

        @media (max-width:575.98px) {
            .navbar-expand-sm > .containerbawah, .navbar-expand-sm > .containerbawah-fluid {
                padding-right: 0;
                padding-left: 0
            }
        }

        @media (min-width:576px) {
            .navbar-expand-sm {
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

                .navbar-expand-sm .navbar-nav {
                    -ms-flex-direction: row;
                    flex-direction: row
                }

                    .navbar-expand-sm .navbar-nav .dropdown-menu {
                        position: absolute
                    }

                    .navbar-expand-sm .navbar-nav .nav-link {
                        padding-right: .5rem;
                        padding-left: .5rem
                    }

                .navbar-expand-sm > .containerbawah, .navbar-expand-sm > .containerbawah-fluid {
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap
                }

                .navbar-expand-sm .navbar-collapse {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-preferred-size: auto;
                    flex-basis: auto
                }

                .navbar-expand-sm .navbar-toggler {
                    display: none
                }
        }

        @media (max-width:767.98px) {
            .navbar-expand-md > .containerbawah, .navbar-expand-md > .container-fluid {
                padding-right: 0;
                padding-left: 0
            }
        }

        @media (min-width:768px) {
            .navbar-expand-md {
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

                .navbar-expand-md .navbar-nav {
                    -ms-flex-direction: row;
                    flex-direction: row
                }

                    .navbar-expand-md .navbar-nav .dropdown-menu {
                        position: absolute
                    }

                    .navbar-expand-md .navbar-nav .nav-link {
                        padding-right: .5rem;
                        padding-left: .5rem
                    }

                .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap
                }

                .navbar-expand-md .navbar-collapse {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-preferred-size: auto;
                    flex-basis: auto
                }

                .navbar-expand-md .navbar-toggler {
                    display: none
                }
        }

        @media (max-width:991.98px) {
            .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
                padding-right: 0;
                padding-left: 0
            }
        }

        @media (min-width:992px) {
            .navbar-expand-lg {
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

                .navbar-expand-lg .navbar-nav {
                    -ms-flex-direction: row;
                    flex-direction: row
                }

                    .navbar-expand-lg .navbar-nav .dropdown-menu {
                        position: absolute
                    }

                    .navbar-expand-lg .navbar-nav .nav-link {
                        padding-right: .5rem;
                        padding-left: .5rem
                    }

                .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap
                }

                .navbar-expand-lg .navbar-collapse {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-preferred-size: auto;
                    flex-basis: auto
                }

                .navbar-expand-lg .navbar-toggler {
                    display: none
                }
        }

        @media (max-width:1199.98px) {
            .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
                padding-right: 0;
                padding-left: 0
            }
        }

        @media (min-width:1200px) {
            .navbar-expand-xl {
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -ms-flex-pack: start;
                justify-content: flex-start
            }

                .navbar-expand-xl .navbar-nav {
                    -ms-flex-direction: row;
                    flex-direction: row
                }

                    .navbar-expand-xl .navbar-nav .dropdown-menu {
                        position: absolute
                    }

                    .navbar-expand-xl .navbar-nav .nav-link {
                        padding-right: .5rem;
                        padding-left: .5rem
                    }

                .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
                    -ms-flex-wrap: nowrap;
                    flex-wrap: nowrap
                }

                .navbar-expand-xl .navbar-collapse {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-preferred-size: auto;
                    flex-basis: auto
                }

                .navbar-expand-xl .navbar-toggler {
                    display: none
                }
        }

        .navbar-expand {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

            .navbar-expand > .container, .navbar-expand > .container-fluid {
                padding-right: 0;
                padding-left: 0
            }

            .navbar-expand .navbar-nav {
                -ms-flex-direction: row;
                flex-direction: row
            }

                .navbar-expand .navbar-nav .dropdown-menu {
                    position: absolute
                }

            .navbar-expand > .container, .navbar-expand > .container-fluid {
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }

            .navbar-expand .navbar-collapse {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-preferred-size: auto;
                flex-basis: auto
            }

            .navbar-expand .navbar-toggler {
                display: none
            }

        .navbar-light .navbar-brand {
            color: rgba(0,0,0,.9)
        }

            .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
                color: rgba(0,0,0,.9)
            }

        .navbar-light .navbar-nav .nav-link {
            color: rgba(0,0,0,.5)
        }

            .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
                color: rgba(0,0,0,.7)
            }

            .navbar-light .navbar-nav .nav-link.disabled {
                color: rgba(0,0,0,.3)
            }

            .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
                color: rgba(0,0,0,.9)
            }

        .navbar-light .navbar-toggler {
            color: rgba(0,0,0,.5);
            border-color: rgba(0,0,0,.1)
        }

        .navbar-light .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
        }

        .navbar-light .navbar-text {
            color: rgba(0,0,0,.5)
        }

            .navbar-light .navbar-text a {
                color: rgba(0,0,0,.9)
            }

                .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
                    color: rgba(0,0,0,.9)
                }

        .navbar-dark .navbar-brand {
            color: #fff
        }

            .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
                color: #fff
            }

        .navbar-dark .navbar-nav .nav-link {
            color: rgba(255,255,255,.5)
        }

            .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
                color: rgba(255,255,255,.75)
            }

            .navbar-dark .navbar-nav .nav-link.disabled {
                color: rgba(255,255,255,.25)
            }

            .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
                color: #fff
            }

        .navbar-dark .navbar-toggler {
            color: rgba(255,255,255,.5);
            border-color: rgba(255,255,255,.1)
        }

        .navbar-dark .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
        }

        .navbar-dark .navbar-text {
            color: rgba(255,255,255,.5)
        }

            .navbar-dark .navbar-text a {
                color: #fff
            }

                .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
                    color: #fff
                }

        .tooltip {
            position: absolute;
            z-index: 1070;
            display: block;
            margin: 0;
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"montserrat Neue",Arial,montserrat,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
            font-style: normal;
            font-weight: 400;
            line-height: 1.5;
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            word-spacing: normal;
            white-space: normal;
            line-break: auto;
            font-size: .875rem;
            word-wrap: break-word;
            opacity: 0
        }

            .tooltip.show {
                opacity: .9
            }

            .tooltip .arrow {
                position: absolute;
                display: block;
                width: .8rem;
                height: .4rem
            }

                .tooltip .arrow::before {
                    position: absolute;
                    content: "";
                    border-color: transparent;
                    border-style: solid
                }

        .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
            padding: .4rem 0
        }

            .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
                bottom: 0
            }

                .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
                    top: 0;
                    border-width: .4rem .4rem 0;
                    border-top-color: #000
                }

        .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
            padding: 0 .4rem
        }

            .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
                left: 0;
                width: .4rem;
                height: .8rem
            }

                .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
                    right: 0;
                    border-width: .4rem .4rem .4rem 0;
                    border-right-color: #000
                }

        .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
            padding: .4rem 0
        }

            .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
                top: 0
            }

                .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
                    bottom: 0;
                    border-width: 0 .4rem .4rem;
                    border-bottom-color: #000
                }

        .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
            padding: 0 .4rem
        }

            .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
                right: 0;
                width: .4rem;
                height: .8rem
            }

                .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
                    left: 0;
                    border-width: .4rem 0 .4rem .4rem;
                    border-left-color: #000
                }

        .tooltip-inner {
            max-width: 200px;
            padding: .25rem .5rem;
            color: #fff;
            text-align: center;
            background-color: #000;
            border-radius: .25rem
        }

        .align-baseline {
            vertical-align: baseline
        }

        .align-top {
            vertical-align: top
        }

        .align-middle {
            vertical-align: middle
        }

        .align-bottom {
            vertical-align: bottom
        }

        .align-text-bottom {
            vertical-align: text-bottom
        }

        .align-text-top {
            vertical-align: text-top
        }

        .bg-primary {
            background-color: #007bff
        }

        a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
            background-color: #0062cc
        }

        .bg-secondary {
            background-color: #6c757d
        }

        a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
            background-color: #545b62
        }

        .bg-success {
            background-color: #28a745
        }

        a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
            background-color: #1e7e34
        }

        .bg-info {
            background-color: #17a2b8
        }

        a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
            background-color: #117a8b
        }

        .bg-warning {
            background-color: #ffc107
        }

        a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
            background-color: #d39e00
        }

        .bg-danger {
            background-color: #dc3545
        }

        a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
            background-color: #bd2130
        }

        .bg-light {
            background-color: #f8f9fa
        }

        a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
            background-color: #dae0e5
        }

        .bg-dark {
            background-color: #343a40
        }

        a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
            background-color: #1d2124
        }

        .bg-white {
            background-color: #fff
        }

        .bg-transparent {
            background-color: transparent
        }

        .border {
            border: 1px solid #dee2e6
        }

        .border-top {
            border-top: 1px solid #dee2e6
        }

        .border-right {
            border-right: 1px solid #dee2e6
        }

        .border-bottom {
            border-bottom: 1px solid #dee2e6
        }

        .border-left {
            border-left: 1px solid #dee2e6
        }

        .border-0 {
            border: 0
        }

        .border-top-0 {
            border-top: 0
        }

        .border-right-0 {
            border-right: 0
        }

        .border-bottom-0 {
            border-bottom: 0
        }

        .border-left-0 {
            border-left: 0
        }

        .clearfix::after {
            display: block;
            clear: both;
            content: ""
        }

        .d-none {
            display: none
        }

        .d-inline {
            display: inline
        }

        .d-inline-block {
            display: inline-block
        }

        .d-block {
            display: block
        }

        .d-table {
            display: table
        }

        .d-table-row {
            display: table-row
        }

        .d-table-cell {
            display: table-cell
        }

        .d-flex {
            display: -ms-flexbox;
            display: flex
        }

        .d-inline-flex {
            display: -ms-inline-flexbox;
            display: inline-flex
        }

        @media (min-width:576px) {
            .d-sm-none {
                display: none
            }

            .d-sm-inline {
                display: inline
            }

            .d-sm-inline-block {
                display: inline-block
            }

            .d-sm-block {
                display: block
            }

            .d-sm-table {
                display: table
            }

            .d-sm-table-row {
                display: table-row
            }

            .d-sm-table-cell {
                display: table-cell
            }

            .d-sm-flex {
                display: -ms-flexbox;
                display: flex
            }

            .d-sm-inline-flex {
                display: -ms-inline-flexbox;
                display: inline-flex
            }
        }

        @media (min-width:768px) {
            .d-md-none {
                display: none
            }

            .d-md-inline {
                display: inline
            }

            .d-md-inline-block {
                display: inline-block
            }

            .d-md-block {
                display: block
            }

            .d-md-table {
                display: table
            }

            .d-md-table-row {
                display: table-row
            }

            .d-md-table-cell {
                display: table-cell
            }

            .d-md-flex {
                display: -ms-flexbox;
                display: flex
            }

            .d-md-inline-flex {
                display: -ms-inline-flexbox;
                display: inline-flex
            }
        }

        @media (min-width:992px) {
            .d-lg-none {
                display: none
            }

            .d-lg-inline {
                display: inline
            }

            .d-lg-inline-block {
                display: inline-block
            }

            .d-lg-block {
                display: block
            }

            .d-lg-table {
                display: table
            }

            .d-lg-table-row {
                display: table-row
            }

            .d-lg-table-cell {
                display: table-cell
            }

            .d-lg-flex {
                display: -ms-flexbox;
                display: flex
            }

            .d-lg-inline-flex {
                display: -ms-inline-flexbox;
                display: inline-flex
            }
        }

        @media (min-width:1200px) {
            .d-xl-none {
                display: none
            }

            .d-xl-inline {
                display: inline
            }

            .d-xl-inline-block {
                display: inline-block
            }

            .d-xl-block {
                display: block
            }

            .d-xl-table {
                display: table
            }

            .d-xl-table-row {
                display: table-row
            }

            .d-xl-table-cell {
                display: table-cell
            }

            .d-xl-flex {
                display: -ms-flexbox;
                display: flex
            }

            .d-xl-inline-flex {
                display: -ms-inline-flexbox;
                display: inline-flex
            }
        }

        @media print {
            .d-print-none {
                display: none
            }

            .d-print-inline {
                display: inline
            }

            .d-print-inline-block {
                display: inline-block
            }

            .d-print-block {
                display: block
            }

            .d-print-table {
                display: table
            }

            .d-print-table-row {
                display: table-row
            }

            .d-print-table-cell {
                display: table-cell
            }

            .d-print-flex {
                display: -ms-flexbox;
                display: flex
            }

            .d-print-inline-flex {
                display: -ms-inline-flexbox;
                display: inline-flex
            }
        }

        .flex-row {
            -ms-flex-direction: row;
            flex-direction: row
        }

        .flex-column {
            -ms-flex-direction: column;
            flex-direction: column
        }

        .flex-row-reverse {
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .flex-column-reverse {
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse
        }

        .flex-wrap {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .flex-nowrap {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .flex-wrap-reverse {
            -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse
        }

        .flex-fill {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto
        }

        .flex-grow-0 {
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .flex-grow-1 {
            -ms-flex-positive: 1;
            flex-grow: 1
        }

        .flex-shrink-0 {
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

        .flex-shrink-1 {
            -ms-flex-negative: 1;
            flex-shrink: 1
        }

        .justify-content-start {
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .justify-content-end {
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .justify-content-center {
            -ms-flex-pack: center;
            justify-content: center
        }

        .justify-content-between {
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .justify-content-around {
            -ms-flex-pack: distribute;
            justify-content: space-around
        }

        .align-items-start {
            -ms-flex-align: start;
            align-items: flex-start
        }

        .align-items-end {
            -ms-flex-align: end;
            align-items: flex-end
        }

        .align-items-center {
            -ms-flex-align: center;
            align-items: center
        }

        .align-items-baseline {
            -ms-flex-align: baseline;
            align-items: baseline
        }

        .align-items-stretch {
            -ms-flex-align: stretch;
            align-items: stretch
        }

        .align-content-start {
            -ms-flex-line-pack: start;
            align-content: flex-start
        }

        .align-content-end {
            -ms-flex-line-pack: end;
            align-content: flex-end
        }

        .align-content-center {
            -ms-flex-line-pack: center;
            align-content: center
        }

        .align-content-between {
            -ms-flex-line-pack: justify;
            align-content: space-between
        }

        .align-content-around {
            -ms-flex-line-pack: distribute;
            align-content: space-around
        }

        .align-content-stretch {
            -ms-flex-line-pack: stretch;
            align-content: stretch
        }

        .align-self-auto {
            -ms-flex-item-align: auto;
            align-self: auto
        }

        .align-self-start {
            -ms-flex-item-align: start;
            align-self: flex-start
        }

        .align-self-end {
            -ms-flex-item-align: end;
            align-self: flex-end
        }

        .align-self-center {
            -ms-flex-item-align: center;
            align-self: center
        }

        .align-self-baseline {
            -ms-flex-item-align: baseline;
            align-self: baseline
        }

        .align-self-stretch {
            -ms-flex-item-align: stretch;
            align-self: stretch
        }

        @media (min-width:576px) {
            .flex-sm-row {
                -ms-flex-direction: row;
                flex-direction: row
            }

            .flex-sm-column {
                -ms-flex-direction: column;
                flex-direction: column
            }

            .flex-sm-row-reverse {
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse
            }

            .flex-sm-column-reverse {
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse
            }

            .flex-sm-wrap {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            .flex-sm-nowrap {
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }

            .flex-sm-wrap-reverse {
                -ms-flex-wrap: wrap-reverse;
                flex-wrap: wrap-reverse
            }

            .flex-sm-fill {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }

            .flex-sm-grow-0 {
                -ms-flex-positive: 0;
                flex-grow: 0
            }

            .flex-sm-grow-1 {
                -ms-flex-positive: 1;
                flex-grow: 1
            }

            .flex-sm-shrink-0 {
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

            .flex-sm-shrink-1 {
                -ms-flex-negative: 1;
                flex-shrink: 1
            }

            .justify-content-sm-start {
                -ms-flex-pack: start;
                justify-content: flex-start
            }

            .justify-content-sm-end {
                -ms-flex-pack: end;
                justify-content: flex-end
            }

            .justify-content-sm-center {
                -ms-flex-pack: center;
                justify-content: center
            }

            .justify-content-sm-between {
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .justify-content-sm-around {
                -ms-flex-pack: distribute;
                justify-content: space-around
            }

            .align-items-sm-start {
                -ms-flex-align: start;
                align-items: flex-start
            }

            .align-items-sm-end {
                -ms-flex-align: end;
                align-items: flex-end
            }

            .align-items-sm-center {
                -ms-flex-align: center;
                align-items: center
            }

            .align-items-sm-baseline {
                -ms-flex-align: baseline;
                align-items: baseline
            }

            .align-items-sm-stretch {
                -ms-flex-align: stretch;
                align-items: stretch
            }

            .align-content-sm-start {
                -ms-flex-line-pack: start;
                align-content: flex-start
            }

            .align-content-sm-end {
                -ms-flex-line-pack: end;
                align-content: flex-end
            }

            .align-content-sm-center {
                -ms-flex-line-pack: center;
                align-content: center
            }

            .align-content-sm-between {
                -ms-flex-line-pack: justify;
                align-content: space-between
            }

            .align-content-sm-around {
                -ms-flex-line-pack: distribute;
                align-content: space-around
            }

            .align-content-sm-stretch {
                -ms-flex-line-pack: stretch;
                align-content: stretch
            }

            .align-self-sm-auto {
                -ms-flex-item-align: auto;
                align-self: auto
            }

            .align-self-sm-start {
                -ms-flex-item-align: start;
                align-self: flex-start
            }

            .align-self-sm-end {
                -ms-flex-item-align: end;
                align-self: flex-end
            }

            .align-self-sm-center {
                -ms-flex-item-align: center;
                align-self: center
            }

            .align-self-sm-baseline {
                -ms-flex-item-align: baseline;
                align-self: baseline
            }

            .align-self-sm-stretch {
                -ms-flex-item-align: stretch;
                align-self: stretch
            }
        }

        @media (min-width:768px) {
            .flex-md-row {
                -ms-flex-direction: row;
                flex-direction: row
            }

            .flex-md-column {
                -ms-flex-direction: column;
                flex-direction: column
            }

            .flex-md-row-reverse {
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse
            }

            .flex-md-column-reverse {
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse
            }

            .flex-md-wrap {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            .flex-md-nowrap {
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }

            .flex-md-wrap-reverse {
                -ms-flex-wrap: wrap-reverse;
                flex-wrap: wrap-reverse
            }

            .flex-md-fill {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }

            .flex-md-grow-0 {
                -ms-flex-positive: 0;
                flex-grow: 0
            }

            .flex-md-grow-1 {
                -ms-flex-positive: 1;
                flex-grow: 1
            }

            .flex-md-shrink-0 {
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

            .flex-md-shrink-1 {
                -ms-flex-negative: 1;
                flex-shrink: 1
            }

            .justify-content-md-start {
                -ms-flex-pack: start;
                justify-content: flex-start
            }

            .justify-content-md-end {
                -ms-flex-pack: end;
                justify-content: flex-end
            }

            .justify-content-md-center {
                -ms-flex-pack: center;
                justify-content: center
            }

            .justify-content-md-between {
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .justify-content-md-around {
                -ms-flex-pack: distribute;
                justify-content: space-around
            }

            .align-items-md-start {
                -ms-flex-align: start;
                align-items: flex-start
            }

            .align-items-md-end {
                -ms-flex-align: end;
                align-items: flex-end
            }

            .align-items-md-center {
                -ms-flex-align: center;
                align-items: center
            }

            .align-items-md-baseline {
                -ms-flex-align: baseline;
                align-items: baseline
            }

            .align-items-md-stretch {
                -ms-flex-align: stretch;
                align-items: stretch
            }

            .align-content-md-start {
                -ms-flex-line-pack: start;
                align-content: flex-start
            }

            .align-content-md-end {
                -ms-flex-line-pack: end;
                align-content: flex-end
            }

            .align-content-md-center {
                -ms-flex-line-pack: center;
                align-content: center
            }

            .align-content-md-between {
                -ms-flex-line-pack: justify;
                align-content: space-between
            }

            .align-content-md-around {
                -ms-flex-line-pack: distribute;
                align-content: space-around
            }

            .align-content-md-stretch {
                -ms-flex-line-pack: stretch;
                align-content: stretch
            }

            .align-self-md-auto {
                -ms-flex-item-align: auto;
                align-self: auto
            }

            .align-self-md-start {
                -ms-flex-item-align: start;
                align-self: flex-start
            }

            .align-self-md-end {
                -ms-flex-item-align: end;
                align-self: flex-end
            }

            .align-self-md-center {
                -ms-flex-item-align: center;
                align-self: center
            }

            .align-self-md-baseline {
                -ms-flex-item-align: baseline;
                align-self: baseline
            }

            .align-self-md-stretch {
                -ms-flex-item-align: stretch;
                align-self: stretch
            }
        }

        @media (min-width:992px) {
            .flex-lg-row {
                -ms-flex-direction: row;
                flex-direction: row
            }

            . flex-lg-column {
                -ms-flex-direction: column;
                flex-direction: column
            }

            .flex-lg-row-reverse {
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse
            }

            .flex-lg-column-reverse {
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse
            }

            .flex-lg-wrap {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            .flex-lg-nowrap {
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }

            .flex-lg-wrap-reverse {
                -ms-flex-wrap: wrap-reverse;
                flex-wrap: wrap-reverse
            }

            .flex-lg-fill {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }

            .flex-lg-grow-0 {
                -ms-flex-positive: 0;
                flex-grow: 0
            }

            .flex-lg-grow-1 {
                -ms-flex-positive: 1;
                flex-grow: 1
            }

            .flex-lg-shrink-0 {
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

            .flex-lg-shrink-1 {
                -ms-flex-negative: 1;
                flex-shrink: 1
            }

            .justify-content-lg-start {
                -ms-flex-pack: start;
                justify-content: flex-start
            }

            .justify-content-lg-end {
                -ms-flex-pack: end;
                justify-content: flex-end
            }

            .justify-content-lg-center {
                -ms-flex-pack: center;
                justify-content: center
            }

            .justify-content-lg-between {
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .justify-content-lg-around {
                -ms-flex-pack: distribute;
                justify-content: space-around
            }

            .align-items-lg-start {
                -ms-flex-align: start;
                align-items: flex-start
            }

            .align-items-lg-end {
                -ms-flex-align: end;
                align-items: flex-end
            }

            .align-items-lg-center {
                -ms-flex-align: center;
                align-items: center
            }

            .align-items-lg-baseline {
                -ms-flex-align: baseline;
                align-items: baseline
            }

            .align-items-lg-stretch {
                -ms-flex-align: stretch;
                align-items: stretch
            }

            .align-content-lg-start {
                -ms-flex-line-pack: start;
                align-content: flex-start
            }

            .align-content-lg-end {
                -ms-flex-line-pack: end;
                align-content: flex-end
            }

            .align-content-lg-center {
                -ms-flex-line-pack: center;
                align-content: center
            }

            .align-content-lg-between {
                -ms-flex-line-pack: justify;
                align-content: space-between
            }

            .align-content-lg-around {
                -ms-flex-line-pack: distribute;
                align-content: space-around
            }

            .align-content-lg-stretch {
                -ms-flex-line-pack: stretch;
                align-content: stretch
            }

            .align-self-lg-auto {
                -ms-flex-item-align: auto;
                align-self: auto
            }

            .align-self-lg-start {
                -ms-flex-item-align: start;
                align-self: flex-start
            }

            . align-self-lg-end {
                -ms-flex-item-align: end;
                align-self: flex-end
            }

            .align-self-lg-center {
                -ms-flex-item-align: center;
                align-self: center
            }

            .align-self-lg-baseline {
                -ms-flex-item-align: baseline;
                align-self: baseline
            }

            .align-self-lg-stretch {
                -ms-flex-item-align: stretch;
                align-self: stretch
            }
        }

        @media (min-width:1200px) {
            .flex-xl-row {
                -ms-flex-direction: row;
                flex-direction: row
            }

            .flex-xl-column {
                -ms-flex-direction: column;
                flex-direction: column
            }

            .flex-xl-row-reverse {
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse
            }

            .flex-xl-column-reverse {
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse
            }

            .flex-xl-wrap {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            .flex-xl-nowrap {
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap
            }

            .flex-xl-wrap-reverse {
                -ms-flex-wrap: wrap-reverse;
                flex-wrap: wrap-reverse
            }

            .flex-xl-fill {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }

            .flex-xl-grow-0 {
                -ms-flex-positive: 0;
                flex-grow: 0
            }

            .flex-xl-grow-1 {
                -ms-flex-positive: 1;
                flex-grow: 1
            }

            .flex-xl-shrink-0 {
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

            .flex-xl-shrink-1 {
                -ms-flex-negative: 1;
                flex-shrink: 1
            }

            .justify-content-xl-start {
                -ms-flex-pack: start;
                justify-content: flex-start
            }

            .justify-content-xl-end {
                -ms-flex-pack: end;
                justify-content: flex-end
            }

            .justify-content-xl-center {
                -ms-flex-pack: center;
                justify-content: center
            }

            .justify-content-xl-between {
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .justify-content-xl-around {
                -ms-flex-pack: distribute;
                justify-content: space-around
            }

            .align-items-xl-start {
                -ms-flex-align: start;
                align-items: flex-start
            }

            .align-items-xl-end {
                -ms-flex-align: end;
                align-items: flex-end
            }

            .align-items-xl-center {
                -ms-flex-align: center;
                align-items: center
            }

            .align-items-xl-baseline {
                -ms-flex-align: baseline;
                align-items: baseline
            }

            .align-items-xl-stretch {
                -ms-flex-align: stretch;
                align-items: stretch
            }

            .align-content-xl-start {
                -ms-flex-line-pack: start;
                align-content: flex-start
            }

            .align-content-xl-end {
                -ms-flex-line-pack: end;
                align-content: flex-end
            }

            .align-content-xl-center {
                -ms-flex-line-pack: center;
                align-content: center
            }

            .align-content-xl-between {
                -ms-flex-line-pack: justify;
                align-content: space-between
            }

            .align-content-xl-around {
                -ms-flex-line-pack: distribute;
                align-content: space-around
            }

            .align-content-xl-stretch {
                -ms-flex-line-pack: stretch;
                align-content: stretch
            }

            .align-self-xl-auto {
                -ms-flex-item-align: auto;
                align-self: auto
            }

            .align-self-xl-start {
                -ms-flex-item-align: start;
                align-self: flex-start
            }

            .align-self-xl-end {
                -ms-flex-item-align: end;
                align-self: flex-end
            }

            .align-self-xl-center {
                -ms-flex-item-align: center;
                align-self: center
            }

            .align-self-xl-baseline {
                -ms-flex-item-align: baseline;
                align-self: baseline
            }

            .align-self-xl-stretch {
                -ms-flex-item-align: stretch;
                align-self: stretch
            }
        }

        .float-left {
            float: left
        }

        .float-right {
            float: right
        }

        .float-none {
            float: none
        }

        @media (min-width:576px) {
            .float-sm-left {
                float: left
            }

            .float-sm-right {
                float: right
            }

            .float-sm-none {
                float: none
            }
        }

        @media (min-width:768px) {
            .float-md-left {
                float: left
            }

            .float-md-right {
                float: right
            }

            .float-md-none {
                float: none
            }
        }

        @media (min-width:992px) {
            .float-lg-left {
                float: left
            }

            .float-lg-right {
                float: right
            }

            .float-lg-none {
                float: none
            }
        }

        @media (min-width:1200px) {
            .float-xl-left {
                float: left
            }

            .float-xl-right {
                float: right
            }

            .float-xl-none {
                float: none
            }
        }

        .position-static {
            position: static
        }

        .position-relative {
            position: relative
        }

        .position-absolute {
            position: absolute
        }

        .position-fixed {
            position: fixed
        }

        .position-sticky {
            position: -webkit-sticky;
            position: sticky
        }

        .fixed-top {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1030
        }

        .fixed-bottom {
            position: fixed;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1030
        }

        @supports ((position:-webkit-sticky) or (position:sticky)) {
            .sticky-top {
                position: -webkit-sticky;
                position: sticky;
                top: 0;
                z-index: 1020
            }
        }

        .m-0 {
            margin: 0
        }

        .mt-0, .my-0 {
            margin-top: 0
        }

        .mr-0, .mx-0 {
            margin-right: 0
        }

        .mb-0, .my-0 {
            margin-bottom: 0
        }

        .ml-0, .mx-0 {
            margin-left: 0
        }

        .m-1 {
            margin: .25rem
        }

        .mt-1, .my-1 {
            margin-top: .25rem
        }

        .mr-1, .mx-1 {
            margin-right: .25rem
        }

        .mb-1, .my-1 {
            margin-bottom: .25rem
        }

        .ml-1, .mx-1 {
            margin-left: .25rem
        }

        .m-2 {
            margin: .5rem
        }

        .mt-2, .my-2 {
            margin-top: .5rem
        }

        .mr-2, .mx-2 {
            margin-right: .5rem
        }

        .mb-2, .my-2 {
            margin-bottom: .5rem
        }

        .ml-2, .mx-2 {
            margin-left: .5rem
        }

        .m-3 {
            margin: 1rem
        }

        .mt-3, .my-3 {
            margin-top: 1rem
        }

        .mr-3, .mx-3 {
            margin-right: 1rem
        }

        .mb-3, .my-3 {
            margin-bottom: 1rem
        }

        .ml-3, .mx-3 {
            margin-left: 1rem
        }

        .m-4 {
            margin: 1.5rem
        }

        .mt-4, .my-4 {
            margin-top: 1.5rem
        }

        .mr-4, .mx-4 {
            margin-right: 1.5rem
        }

        .mb-4, .my-4 {
            margin-bottom: 1.5rem
        }

        .ml-4, .mx-4 {
            margin-left: 1.5rem
        }

        .m-5 {
            margin: 3rem
        }

        .mt-5, .my-5 {
            margin-top: 3rem
        }

        .mr-5, .mx-5 {
            margin-right: 3rem
        }

        .mb-5, .my-5 {
            margin-bottom: 3rem
        }

        .ml-5, .mx-5 {
            margin-left: 3rem
        }

        .p-0 {
            padding: 0
        }

        .pt-0, .py-0 {
            padding-top: 0
        }

        .pr-0, .px-0 {
            padding-right: 0
        }

        .pb-0, .py-0 {
            padding-bottom: 0
        }

        .pl-0, .px-0 {
            padding-left: 0
        }

        .p-1 {
            padding: .25rem
        }

        .pt-1, .py-1 {
            padding-top: .25rem
        }

        .pr-1, .px-1 {
            padding-right: .25rem
        }

        .pb-1, .py-1 {
            padding-bottom: .25rem
        }

        .pl-1, .px-1 {
            padding-left: .25rem
        }

        .p-2 {
            padding: .5rem
        }

        .pt-2, .py-2 {
            padding-top: .5rem
        }

        .pr-2, .px-2 {
            padding-right: .5rem
        }

        .pb-2, .py-2 {
            padding-bottom: .5rem
        }

        .pl-2, .px-2 {
            padding-left: .5rem
        }

        .p-3 {
            padding: 1rem
        }

        .pt-3, .py-3 {
            padding-top: 1rem
        }

        .pr-3, .px-3 {
            padding-right: 1rem
        }

        .pb-3, .py-3 {
            padding-bottom: 1rem
        }

        .pl-3, .px-3 {
            padding-left: 1rem
        }

        .p-4 {
            padding: 1.5rem
        }

        .pt-4, .py-4 {
            padding-top: 1.5rem
        }

        .pr-4, .px-4 {
            padding-right: 1.5rem
        }

        .pb-4, .py-4 {
            padding-bottom: 1.5rem
        }

        .pl-4, .px-4 {
            padding-left: 1.5rem
        }

        .p-5 {
            padding: 3rem
        }

        .pt-5, .py-5 {
            padding-top: 3rem
        }

        .pr-5, .px-5 {
            padding-right: 3rem
        }

        .pb-5, .py-5 {
            padding-bottom: 3rem
        }

        .pl-5, .px-5 {
            padding-left: 3rem
        }

        .m-auto {
            margin: auto
        }

        .mt-auto, .my-auto {
            margin-top: auto
        }

        .mr-auto, .mx-auto {
            margin-right: auto
        }

        .mb-auto, .my-auto {
            margin-bottom: auto
        }

        .ml-auto, .mx-auto {
            margin-left: auto
        }

        .text-monospace {
            font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
        }

        .text-justify {
            text-align: justify
        }

        .text-nowrap {
            white-space: nowrap
        }

        .text-truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .text-left {
            text-align: left
        }

        .text-right {
            text-align: right
        }

        .text-center {
            text-align: center
        }

        @media (min-width:576px) {
            .text-sm-left {
                text-align: left
            }

            .text-sm-right {
                text-align: right
            }

            .text-sm-center {
                text-align: center
            }
        }

        @media (min-width:768px) {
            .text-md-left {
                text-align: left
            }

            .text-md-right {
                text-align: right
            }

            .text-md-center {
                text-align: center
            }
        }

        @media (min-width:992px) {
            .text-lg-left {
                text-align: left
            }

            .text-lg-right {
                text-align: right
            }

            .text-lg-center {
                text-align: center
            }
        }

        @media (min-width:1200px) {
            .text-xl-left {
                text-align: left
            }

            .text-xl-right {
                text-align: right
            }

            .text-xl-center {
                text-align: center
            }
        }

        .text-lowercase {
            text-transform: lowercase
        }

        .text-uppercase {
            text-transform: uppercase
        }

        .text-capitalize {
            text-transform: capitalize
        }

        .font-weight-light {
            font-weight: 300
        }

        .font-weight-normal {
            font-weight: 400
        }

        .font-weight-bold {
            font-weight: 700
        }

        .font-italic {
            font-style: italic
        }

        .text-white {
            color: rgb(0, 255, 0)
        }

        .text-primary {
            color: #007bff
        }

        a.text-primary:focus, a.text-primary:hover {
            color: #0062cc
        }

        .text-secondary {
            color: #147a00
        }

        a.text-secondary:focus, a.text-secondary:hover {
            color: #147a00
        }

        .text-success {
            color: #28a745
        }

        a.text-success:focus, a.text-success:hover {
            color: #1e7e34
        }

        .text-info {
            color: #17a2b8
        }

        a.text-info:focus, a.text-info:hover {
            color: #117a8b
        }

        .text-warning {
            color: #ffc107
        }

        a.text-warning:focus, a.text-warning:hover {
            color: #d39e00
        }

        .text-danger {
            color: #dc3545
        }

        a.text-danger:focus, a.text-danger:hover {
            color: #bd2130
        }

        .text-light {
            color: rgb(0, 255, 0)
        }

        a.text-light:focus, a.text-light:hover {
            color: rgb(0, 255, 0)
        }

        .text-dark {
            color: #147a00
        }

        a.text-dark:focus, a.text-dark:hover {
            color: #1d2124
        }

        .text-body {
            color: #147a00
        }

        .text-muted {
            color: #147a00
        }

        .text-black-50 {
            color: rgba(0,0,0,.5)
        }

        .text-white-50 {
            color: #147a00
        }

        .text-hide {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0
        }

        .visible {
            visibility: visible
        }

        .invisible {
            visibility: hidden
        }

        a {
            color: #147a00;
            transition: all .5s
        }

            a:active, a:focus, a:hover {
                text-decoration: none;
                color: #147a00
            }

        img {
            max-width: 100%
        }

        p:last-child {
            margin-bottom: 0
        }

        .footer-menu {
            padding: 20px 0;
            border-bottom: 1px dotted #1a9e00
        }

            .footer-menu .footer-menu-list li:not(:last-child) {
                padding-right: 8px;
                border-right: 1px solid #1a9e00
            }

            .footer-menu .copyright {
                color: #1a9e00;
                margin-top: 0px;
                text-align: left;
            }

        .footer-text {
            padding: 20px 0;
            border-bottom: 1px dotted #1a9e00;
            color: #147a00;
            display: none
        }

            .footer-text h1 {
                color: #147a00
            }

        .footer-col {
            padding: 40px 0 20px;
            border-bottom: 1px solid #1a9e00;
            margin-top: 0px;
        }

            .footer-col .footer-col-header {
                padding-bottom: 20px;
                border-bottom: 1px dotted #0c4600;
                margin-bottom: 20px;
                display: flex
            }

                .footer-col .footer-col-header .icons {
                    height: 40px;
                    width: 50px;
                    background: url(https://www.itacanet.org/assets/images/tools-sprite.png) no-repeat center;
                    margin-right: 15px
                }

            .footer-col .col-lg-4:nth-child(1) .footer-col-header .icons {
                background-position: 0 0
            }

            .footer-col .col-lg-4:nth-child(2) .footer-col-header .icons {
                background-position: 0 -48px
            }

            .footer-col .col-lg-4:nth-child(3) .footer-col-header .icons {
                background-position: 0 -97px
            }

            .footer-col .footer-col-header .text h4 {
                margin-bottom: 0;
                color: #1a9e00;
                margin-top: -0px;
            }

            .footer-col .footer-col-header .text p {
                color: #147a00
            }

            .footer-col .progress-wrapper .progress {
                background: #1e1e1e;
                border-radius: 50px;
                margin-top: 15px
            }

                .footer-col .progress-wrapper .progress .progress-bar {
                    background: #727272
                }

            .footer-col .progress-wrapper ul li {
                margin-bottom: 30px
            }

                .footer-col .progress-wrapper ul li .text .title {
                    color: #1a9e00;
                    font-size: 16px
                }

                .footer-col .progress-wrapper ul li .text small {
                    color: #147a00
                }

                .footer-col .progress-wrapper ul li .times {
                    font-size: 14px;
                    line-height: 1;
                    color: #1a9e00
                }

                    .footer-col .progress-wrapper ul li .times span {
                        font-size: 44px
                    }

            .footer-col .progress-wrapper p {
                color: #1a9e00
            }

            .footer-col .transaction-logo li {
                margin-right: 2.5px;
                margin-bottom: 5px
            }

                .footer-col .transaction-logo li:before {
                    content: "";
                    height: 25px;
                    width: 5px;
                    border-radius: 50px;
                    background: var(--neon-green);
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: .5px
                }

                .footer-col .transaction-logo li.disabled:before {
                    background: red
                }

            .footer-col .list-with-separator > li:not(:first-child) {
                padding-top: 20px;
                border-top: 1px solid #0c4600;
                margin-top: 20px
            }

            .footer-col .list-with-separator li h5 {
                color: #1a9e00
            }

            .footer-col .list-with-separator li p {
                color: #147a00
            }

            .footer-col .whatsapp-wrapper {
                background: lime;
                border-radius: 50px;
                color: rgb(2, 71, 0);
                display: inline-block;
                padding-right: 20px
            }

                .footer-col .whatsapp-wrapper i {
                    background: #51c332;
                    width: 36px;
                    height: 36px;
                    vertical-align: middle;
                    font-size: 20px;
                    text-align: center;
                    padding: 7px 0;
                    border-radius: 100%;
                    margin-right: 10px
                }

            .footer-col .socialmedia li {
                border: none;
                padding-top: 0;
                margin-top: 0
            }

                .footer-col .socialmedia li a {
                    display: block
                }

                    .footer-col .socialmedia li a img {
                        width: 40px
                    }

        .certified-logos h6, .providers-logos h6 {
            margin-bottom: 10px
        }

        .certified-logos {
            padding-top: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #1a9e00;
            margin-bottom: 20px
        }

        .providers-logo .arcade, .providers-logo .casino, .providers-logo .lottery, .providers-logo .poker, .providers-logo .slots, .providers-logo .sports {
            margin-top: 15px;
            padding: 15px;
            border-radius: 5px;
            border: 1px solid #147a00;
            margin-bottom: 15px
        }

            .providers-logo .sports:before {
                content: "Sports";
                position: absolute;
                color: #1a9e00;
                font-size: 20px;
                top: 0;
                left: 30px;
                padding: 0 10px;
                background: linear-gradient(45deg,#011d03,#001302,#051802,#002402);
                text-transform: uppercase
            }

            .providers-logo .casino:before {
                content: "Casino";
                position: absolute;
                color: #1a9e00;
                font-size: 20px;
                top: 0;
                left: 30px;
                padding: 0 10px;
                background: linear-gradient(45deg,#011d03,#001302,#051802,#002402);
                text-transform: uppercase
            }

            .providers-logo .slots:before {
                content: "Slots";
                position: absolute;
                color: #1a9e00;
                font-size: 20px;
                top: 0;
                left: 30px;
                padding: 0 10px;
                background: linear-gradient(45deg,#011d03,#001302,#051802,#002402);
                text-transform: uppercase
            }

            .providers-logo .arcade:before {
                content: "Fish";
                position: absolute;
                color: #1a9e00;
                font-size: 20px;
                top: 0;
                left: 30px;
                padding: 0 10px;
                background: linear-gradient(45deg,#011d03,#001302,#051802,#002402);
                text-transform: uppercase
            }

            .providers-logo .poker:before {
                content: "Poker";
                position: absolute;
                color: #1a9e00;
                font-size: 20px;
                top: 0;
                left: 30px;
                padding: 0 10px;
                background: linear-gradient(45deg,#011d03,#001302,#051802,#002402);
                text-transform: uppercase
            }

            .providers-logo .lottery:before {
                content: "Togel";
                position: absolute;
                color: #1a9e00;
                font-size: 20px;
                top: 0;
                left: 30px;
                padding: 0 10px;
                background: linear-gradient(45deg,#011d03,#001302,#051802,#002402);
                text-transform: uppercase
            }

        section {
            margin-top: 15px
        }

        .pagcor {
            width: 144px;
            background-position: 0 0
        }

            .pagcor:hover {
                background-position: -160px 0
            }

        .bmmtestlabs {
            width: 170px;
            background-position: 0 -50px
        }

            .bmmtestlabs:hover {
                background-position: -177px -50px
            }

        .firstcagayan {
            width: 146px;
            background-position: 0 -95px
        }

            .firstcagayan:hover {
                background-position: -170px -95px
            }

        .problemgamblingsupport {
            width: 84px;
            height: 36px;
            background-position: 0 -141px
        }

            .problemgamblingsupport:hover {
                background-position: -172px -141px
            }

        .plus18 {
            width: 37px;
            height: 37px;
            background-position: 0 -191px
        }

            .plus18:hover {
                background-position: -45px -191px
            }

        .chrome {
            width: 34px;
            height: 34px;
            background-position: 0 -1048px
        }

            .chrome:hover {
                background-position: -39px -1048px
            }

        .explorer {
            width: 34px;
            height: 34px;
            background-position: -90px -1049px
        }

            .explorer:hover {
                background-position: -125px -1049px
            }

        .mozilla {
            width: 34px;
            height: 34px;
            background-position: -193px -1049px
        }

            .mozilla:hover {
                background-position: -234px -1049px
            }

        .sbobet {
            width: 136px;
            height: 44px;
            background-position: 0 -250px
        }

            .sbobet:hover {
                background-position: -148px -250px
            }

        .sabaplatform {
            width: 100px;
            height: 44px;
            background-position: 0 -1440px
        }

            .sabaplatform:hover {
                background-position: -126px -1440px
            }

        .ioncasino {
            width: 150px;
            height: 44px;
            background-position: 0 -1142px
        }

            .ioncasino:hover {
                background-position: -162px -1142px
            }

        .agasiagaming {
            width: 100px;
            height: 44px;
            background-position: 0 -366px
        }

            .agasiagaming:hover {
                background-position: -126px -366px
            }

        .baccarat {
            width: 48px;
            height: 44px;
            background-position: 0 -1636px
        }

            .baccarat:hover {
                background-position: -64px -1636px
            }

        .pragmaticplay {
            width: 116px;
            height: 44px;
            background-position: 0 -695px
        }

            .pragmaticplay:hover {
                background-position: -132px -695px
            }

        .playtech {
            width: 155px;
            height: 40px;
            background-position: 0 -750px
        }

            .playtech:hover {
                background-position: -170px -750px
            }

        .joker {
            width: 140px;
            height: 40px;
            background-position: 0 -1094px
        }

            .joker:hover {
                background-position: -164px -1094px
            }

        .pg {
            width: 70px;
            height: 40px;
            background-position: 0 -800px
        }

            .pg:hover {
                background-position: -89px -800px
            }

        .globalgaming {
            width: 143px;
            height: 42px;
            background-position: 0 -635px
        }

            .globalgaming:hover {
                background-position: -157px -635px
            }

        .co9 {
            width: 90px;
            height: 44px;
            background-position: 0 -1193px
        }

            .co9:hover {
                background-position: -114px -1193px
            }

        .habanero {
            width: 150px;
            height: 44px;
            background-position: 0 -1239px
        }

            .habanero:hover {
                background-position: -175px -1239px
            }

        .microgaming {
            width: 133px;
            height: 44px;
            background-position: 0 -1288px
        }

            .microgaming:hover {
                background-position: -160px -1288px
            }

        .playngo {
            width: 128px;
            height: 44px;
            background-position: 0 -1341px
        }

            .playngo:hover {
                background-position: -155px -1341px
            }

        .rtgslots {
            width: 96px;
            height: 44px;
            background-position: 0 -1588px
        }

            .rtgslots:hover {
                background-position: -124px -1588px
            }

        .flowgaming {
            width: 78px;
            height: 44px;
            background-position: 0 -1535px
        }

            .flowgaming:hover {
                background-position: -105px -1535px
            }

        .spadegaming {
            width: 78px;
            height: 44px;
            background-position: 0 -1686px
        }

            .spadegaming:hover {
                background-position: -182px -1686px
            }

        .capitduit {
            width: 65px;
            height: 44px;
            background-position: 0 -1790px
        }

            .capitduit:hover {
                background-position: -90px -1790px
            }

        .idnplay {
            width: 143px;
            height: 40px;
            background-position: 0 -868px
        }

            .idnplay:hover {
                background-position: -168px -868px
            }

        .balakplay {
            width: 160px;
            height: 44px;
            background-position: 0 -1736px
        }

            .balakplay:hover {
                background-position: -180px -1736px
            }

        .isin4d {
            width: 90px;
            height: 40px;
            background-position: 0 -920px
        }

            .isin4d:hover {
                background-position: -106px -920px
            }

        .top-menu {
            padding: 8px
        }

            .top-menu .menu li:not(:last-child) {
                border-right: 1px dotted #696969;
                padding-right: 10px
            }

            .top-menu .menu a {
                font-size: 12px
            }

                .top-menu .menu a i {
                    margin-left: 5px
                }

            .top-menu .auth .btn {
                padding: 2px 25px;
                font-size: 14px
            }

        .navbar {
            padding: 0;
            background: #330a4b;
            border-bottom: 4px solid #0a0a0a
        }

            .navbar .container {
                position: relative
            }

        .navbar-brand {
            padding: 9.5px 0 0
        }

            .navbar-brand img {
                height: 55px
            }

        .navbar-nav .nav-item {
            position: initial
        }

            .navbar-nav .nav-item .nav-link {
                color: var(--white);
                text-transform: uppercase;
                font-size: 15px;
                padding: 15px 17.5px
            }

                .navbar-nav .nav-item .nav-link:before {
                    content: "";
                    height: 30px;
                    width: 30px;
                    margin: 0 auto;
                    background: url(assets/images/menu-sprite.png) no-repeat center;
                    display: block
                }

            .navbar-nav .nav-item:nth-child(1) .nav-link:before {
                background-position: -5px 0
            }

            .navbar-nav .nav-item:nth-child(1):hover .nav-link:before {
                background-position: -5px -28px
            }

            .navbar-nav .nav-item:nth-child(2) .nav-link:before {
                background-position: -5px -290px
            }

            .navbar-nav .nav-item:nth-child(2):hover .nav-link:before {
                background-position: -5px -319px
            }

            .navbar-nav .nav-item:nth-child(3) .nav-link:before {
                background-position: -5px -210px
            }

            .navbar-nav .nav-item:nth-child(3):hover .nav-link:before {
                background-position: -5px -240px
            }

            .navbar-nav .nav-item:nth-child(4) .nav-link:before {
                background-position: -5px -365px
            }

            .navbar-nav .nav-item:nth-child(4):hover .nav-link:before {
                background-position: -5px -395px
            }

            .navbar-nav .nav-item:nth-child(5) .nav-link:before {
                background-position: -5px -136px
            }

            .navbar-nav .nav-item:nth-child(5):hover .nav-link:before {
                background-position: -5px -166px
            }

            .navbar-nav .nav-item:nth-child(6) .nav-link:before {
                background-position: -5px -598px
            }

            .navbar-nav .nav-item:nth-child(6):hover .nav-link:before {
                background-position: -5px -632px
            }

            .navbar-nav .nav-item:nth-child(7) .nav-link:before {
                background-position: -5px -445px
            }

            .navbar-nav .nav-item:nth-child(7):hover .nav-link:before {
                background-position: -5px -475px
            }

            .navbar-nav .nav-item:nth-child(8) .nav-link:before {
                background-position: -5px -69px
            }

            .navbar-nav .nav-item:nth-child(8):hover .nav-link:before {
                background-position: -5px -97px
            }

            .navbar-nav .nav-item:nth-child(9) .nav-link:before {
                background-position: -5px -519px
            }

            .navbar-nav .nav-item:nth-child(9):hover .nav-link:before {
                background-position: -5px -552px
            }

            .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
                display: none
            }

        .navbar-nav .dropdown .dropdown-menu {
            left: 0;
            right: 0;
            top: calc(100% - 2px);
            background: rgba(0,0,0,.8);
            border: none;
            border-radius: 0;
            border-bottom: 10px solid var(--footer-border-color);
            border-top: 4px solid var(--footer-border-color);
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px
        }

            .navbar-nav .dropdown .dropdown-menu img {
                width: 100%;
                opacity: .8;
                transition: all .5s
            }

            .navbar-nav .dropdown .dropdown-menu a {
                display: block
            }

                .navbar-nav .dropdown .dropdown-menu a:hover img {
                    opacity: 1
                }

        @media screen and (min-width:992px) {
            .navbar-nav .dropdown:hover .dropdown-menu {
                display: block
            }
        }

        @media screen and (min-width:992px) {
            #navbarMobileContent {
                display: none
            }
        }

        @media screen and (max-width:1199px) {
            #jackpot .mega-jackpot .jackpot-bg {
                font-size: 22px
            }
        }

        @media screen and (max-width:576px) {
            #jackpot .mega-jackpot .jackpot-bg {
                font-size: 17px;
                padding: 41px;
                padding-top: 57px;
                padding-bottom: 25px
            }
        }

        @media screen and (max-width:991px) {
            body.no-overflow {
                overflow: hidden
            }

                body.no-overflow:before {
                    content: "";
                    height: 100vh;
                    width: 100%;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    position: fixed;
                    background: rgba(0,0,0,.5);
                    z-index: 999
                }

            header {
                position: sticky;
                top: 0;
                width: 100%;
                z-index: 9999
            }

            .top-menu {
                display: none
            }

            .navbar .container {
                justify-content: center;
                max-width: initial
            }

            .navbar .navbar-toggler {
                position: absolute;
                top: 4px;
                right: 0
            }

                .navbar .navbar-toggler .navbar-toggler-icon {
                    height: auto;
                    width: auto
                }

                .navbar .navbar-toggler.collapsed .navbar-toggler-icon:before {
                    display: inline-block;
                    font-style: normal;
                    font-variant: normal;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    content: "\f0c9"
                }

                .navbar .navbar-toggler .navbar-toggler-icon:before {
                    display: inline-block;
                    font-style: normal;
                    font-variant: normal;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    content: "\f00d";
                    color: #8e8e8e
                }

            .navbar-brand img {
                height: 37.5px
            }

            .navbar .navbar-collapse {
                width: 350px;
                background: #020202;
                position: fixed;
                display: block;
                transform: translateX(100%);
                top: 71px;
                right: 0;
                bottom: 0;
                height: calc(100vh - 71px);
                overflow-y: auto;
                overflow-x: hidden;
                transition: all .5s
            }

                .navbar .navbar-collapse.show {
                    transform: translateX(0)
                }

            .navbar .navbar-nav .nav-item .nav-link {
                background: #0f0f0f;
                border-bottom: 2px solid #020202;
                font-size: 14px;
                position: relative
            }

                .navbar .navbar-nav .nav-item .nav-link:before {
                    display: inline-block;
                    vertical-align: middle;
                    height: 14px;
                    width: 14px;
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: center;
                    margin-right: 5px
                }

            .navbar .navbar-nav .nav-item:nth-child(1) .nav-link:before {
                background: url(assets/images/icon-home.svg)
            }

            .navbar .navbar-nav .nav-item:nth-child(2) .nav-link:before {
                background: url(assets/images/icon-games.svg)
            }

            .navbar .navbar-nav .nav-item:nth-child(3) .nav-link:before {
                background: url(assets/images/icon-login2.svg)
            }

            .navbar .navbar-nav .nav-item:nth-child(4) .nav-link:before {
                background: url(assets/images/icon-contact.svg)
            }

            .navbar .navbar-nav .nav-item.dropdown .nav-link:after, .navbar-nav .dropdown .dropdown-menu .dropdown-item.dropdown-toggle:after {
                border: none;
                display: inline-block;
                vertical-align: middle;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f105";
                height: auto;
                width: auto;
                position: absolute;
                right: 20px
            }

            .navbar .navbar-nav .nav-item.dropdown.show .nav-link:after, .navbar-nav .dropdown .dropdown-menu .dropdown-item.dropdown-toggle.show:after {
                content: "\f107"
            }

            .navbar-nav .dropdown .dropdown-menu {
                border: none;
                border-radius: 0;
                padding: 0
            }

                .navbar-nav .dropdown .dropdown-menu .dropdown-item {
                    color: rgb(0, 255, 0);
                    padding: 20px;
                    padding-left: 60px
                }

                    .navbar-nav .dropdown .dropdown-menu .dropdown-item:active, .navbar-nav .dropdown .dropdown-menu .dropdown-item:focus, .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover {
                        background: 0 0
                    }

                .navbar-nav .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-item {
                    padding-left: 80px;
                    background: #101010;
                    border-bottom: 2px solid #020202
                }

            .container, footer .container {
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
                max-width: initial
            }

            #body-menu {
                margin-top: 0
            }

            #announcement {
                display: none
            }

            #jackpot .live-draw {
                display: none
            }

            #jackpot .mega-jackpot {
                flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                max-width: 100%;
                padding-right: 0
            }

                #jackpot .mega-jackpot .jackpot-bg {
                    font-size: 20px;
                    padding: 47px
                }

            #games .featured-slots, #games .game-list, #games .popular-slide, #games .popular-video {
                display: none
            }

            footer {
                padding-bottom: 25px;
                border: none
            }

                footer .footer-menu {
                    display: block;
                    padding: 0
                }

                    footer .footer-menu .footer-menu-list {
                        padding: 20px;
                        background: var(--header-color);
                        text-align: center
                    }

                        footer .footer-menu .footer-menu-list a {
                            color: var(--white)
                        }

                    footer .footer-menu .copyright {
                        padding: 20px;
                        text-align: center
                    }

                footer .footer-text {
                    text-align: center
                }

                footer .footer-col {
                    padding-top: 20px;
                    border-bottom: none
                }

                    footer .footer-col .transaction-logo {
                        padding-bottom: 20px;
                        border-bottom: 1px solid #1a9e00;
                        margin-bottom: 20px;
                        margin-top: 0
                    }

                    footer .footer-col .socialmedia a img {
                        width: 30px
                    }

                    footer .footer-col .footer-col-header {
                        display: none
                    }

                    footer .footer-col .col-lg-4:nth-child(2) .list-with-separator, footer .footer-col .progress-wrapper {
                        display: none
                    }

                footer .certified-logos, footer .providers-logo {
                    display: none
                }
        }

        #jp {
            font-size: 1.5em;
            position: absolute;
            top: 63%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 2;
            letter-spacing: 1px;
            color: #e0c55e
        }

        .footer-menu-list {
            position: fixed;
            z-index: 3;
            left: 0;
            bottom: 0;
            height: 50px;
            width: 100%;
            box-sizing: border-box;
            background: linear-gradient(to bottom,#333,#111);
            color: #f8f8f8
        }

        .footer-menu {
            width: 25%;
            height: 50px;
            line-height: .9em;
            padding-top: 8px;
            text-align: center;
            float: left
        }

            .footer-menu:active {
                background: #061421
            }

            .footer-menu small {
                font-size: .75em
            }

        summary, ul {
            padding: 0;
            list-style-type: none
        }

        #sidebar {
            width: 60%;
            padding-top: 50px;
            box-sizing: border-box;
            background: #000
        }

        .close-sidebar {
            position: absolute;
            top: 0;
            right: 10px;
            font-size: 2em
        }

            .close-sidebar:active {
                background: #ccc
            }

        .sidebar a > li, .sidebar > li {
            padding: 10px;
            margin-top: 0;
            border-bottom: 2px solid #000;
            border-left: 0;
            border-right: 0;
            font-size: 1.2em;
            color: rgb(0, 255, 0);
            background: #2b0a47
        }

        details li {
            font-size: .9em;
            padding: 10px 20px
        }

        article li a {
            color: rgb(0, 255, 0)
        }

        .btn-alternatif {
            background: linear-gradient(to bottom, #80ced7 0%, #007ea7 100%);
        }

        .btn-ipalternatif {
            background: linear-gradient(to bottom, #b91372 0%, #6b0f1a 100%);
        }

        .waButton {
            position: fixed;
            bottom: 60px;
            left: 5px;
            z-index: 100;
            width: 50px;
            height: 50px;
        }

        .LcButton {
            position: fixed;
            bottom: 60px;
            right: 5px;
            z-index: 100;
            width: 50px;
            height: 50px;
        }

        .waButton2 {
            position: fixed;
            bottom: 115px;
            left: 5px;
            z-index: 100;
            width: 50px;
            height: 50px;
        }

        .mr_height {
            height: 52px;
            align-items: center;
        }

        .col-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }

        .p-0 {
            padding: 0 !important;
        }

        .col-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 15%;
        }

        .mr_height div:first-child {
            color: #1a9e00;
        }

        .teksku {
            margin-top: -2px;
            font-family: montserrat;
            margin-left: 3px;
            color: #147a00;
        }

        .title {
            margin-top: 5px;
            margin-bottom: -0px;
            margin-left: 3px;
            font-family: 'montserrat';
            font-size: 38px;
        }

        .titlegames {
            margin-top: 5px;
            margin-bottom: -0px;
            margin-left: 3px;
            font-family: 'bebas neue';
            font-size: 38px;
            font-style: italic;
        }

        .card3 {
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
            transition: 0.3s;
            width: 295px;
            height: 240px;
            background: linear-gradient(45deg,#001a02,#002003,#073500,#003303);
            border-bottom: 1px solid lime;
            align-items: center;
        }

        .cardallgames {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-columns-gap: 8px;
            grid-row-gap: 20px;
            margin-top: 15px;
        }

        .card3:hover {
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        }

        #img-sports:hover {
            content: url('https://ptliga.com/Images/sportsptliga2.webp');
        }

        #img-slots:hover {
            content: url('https://ptliga.com/Images/slotptliga2.webp');
        }

        #img-casino:hover {
            content: url('https://ptliga.com/Images/casinoptliga2.webp');
        }

        .container-about {
            max-wight: 930px;
        }

        .about-btv {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 25px;
            padding: 30px 0;
            align-items: center;
            color: #147a00;
        }

        .cp {
            color: #147a00;
        }
        .countrytoto {
            width: 85px;
            padding-left: 8px;
            text-align: left;
            font-size: 18px;
            text-transform: uppercase;
        }