/* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb032 {
            position: absolute;
        }

            .jssorb032 .i {
                position: absolute;
                cursor: pointer;
            }

                .jssorb032 .i .b {
                    fill: #fff;
                    fill-opacity: 0.7;
                    stroke: #000;
                    stroke-width: 1200;
                    stroke-miterlimit: 10;
                    stroke-opacity: 0.25;
                }

                .jssorb032 .i:hover .b {
                    fill: #000;
                    fill-opacity: .6;
                    stroke: #fff;
                    stroke-opacity: .35;
                }

            .jssorb032 .iav .b {
                fill: #000;
                fill-opacity: 1;
                stroke: #fff;
                stroke-opacity: .35;
            }

            .jssorb032 .i.idn {
                opacity: .3;
            }

        .jssora051 {
            display: block;
            position: absolute;
            cursor: pointer;
        }

            .jssora051 .a {
                fill: none;
                stroke: #fff;
                stroke-width: 360;
                stroke-miterlimit: 10;
            }

            .jssora051:hover {
                opacity: .8;
            }

            .jssora051.jssora051dn {
                opacity: .5;
            }

            .jssora051.jssora051ds {
                opacity: .3;
                pointer-events: none;
            }

        .btn3 {
            overflow: hidden;
            padding: 0;
            position: relative;
            text-align: center;
            border: 2px solid #3f5c02;
            background: transparent;
            line-height: 34px;
            text-transform: uppercase;
            font-weight: 400;
            text-align: center;
            text-decoration: none;
        }

        .loginbtn {
            color: #3f5c02;
            border-color: #3f5c02;
            display: inline-block;
            vertical-align: middle;
            /*width: 44px;*/
            /*height: 44px;*/
            color: #3f5c02;
            background: none;
            padding-right: 0;
            -webkit-transition: none;
            transition: none;
            margin-left: 10px;
        }

            .loginbtn:before {
                background: #fff;
                color: #3f5c02;
            }

        btn3:before {
            content: attr(data-text);
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            line-height: 2px;
            height: 100%;
            background: #3f5c02;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            z-index: 1;
            background: #fff;
            color: #3f5c02;
            border: 1px solid #3f5c02;
        }

        .btn3:hover {
            background-color: #3f5c02;
            color: white;
            text-decoration: none;
            font-size: 17px;
        }