.custom-alert-danger{
            background-color: #d72e3e6e;
            border-color: #f5c6cb;
            /* font-size: 17px; */
            font-weight: 700;
            color: #fff;
            text-align: center;
            margin-top: 10px;
        }
        #slideshow-wrapper {
            z-index: 1;
            margin: 40px auto 0px 10px;
            -webkit-perspective: 1000px;
            -moz-perspective: 1000px;
            -o-perspective: 1000px;
            perspective: 1000px;
        }

        #slideshow {
            position: absolute;
            list-style-type: none;
            padding: 5px 0px;
            height: 100px;
            width: 100px;
            margin-top: -30px;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        #slideshow>* {
            display: block;
            position: absolute;
        }

        #slideshow img {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            /* box-shadow: 0 0 5px #ccc; */
            width: 170px;
            height: 170px;
        }

        #slideshow .front {
            -webkit-transform: translateZ(50px);
            -moz-transform: translateZ(50px);
            -o-transform: translateZ(50px);
            transform: translateZ(50px);
            opacity: 1;
            -webkit-transition: -webkit-transform 1s, opacity 1s;
            -moz-transition: -moz-transform 1s, opacity 1s;
            -o-transition: -o-transform 1s, opacity 1s;
            transition: transform 1s, opacity 1s;
        }

        #slideshow .right {
            -webkit-transform: rotateY(90deg) translateZ(100px);
            -moz-transform: rotateY(90deg) translateZ(100px);
            -o-transform: rotateY(90deg) translateZ(100px);
            transform: rotateY(90deg) translateZ(100px);
            opacity: 0;
            -webkit-transition: -webkit-transform 1s, opacity 1s;
            -moz-transition: -moz-transform 1s, opacity 1s;
            -o-transition: -o-transform 1s, opacity 1s;
            transition: transform 1s, opacity 1s;
        }

        #slideshow .left {
            -webkit-transform: rotateY(-90deg) translateZ(10px) translateX(-360px);
            -moz-transform: rotateY(-90deg) translateZ(10px) translateX(-360px);
            -o-transform: rotateY(-90deg) translateZ(10px) translateX(-360px);
            transform: rotateY(-90deg) translateZ(10px) translateX(-360px);
            opacity: 0;
            -webkit-transition: -webkit-transform 1s, opacity 1s;
            -moz-transition: -moz-transform 1s, opacity 1s;
            -o-transition: -o-transform 1s, opacity 1s;
            transition: transform 1s, opacity 1s;
        }

        /* second cube */
        input[type='file'] {
            width: 400px;
            /* height:25px; */
            /* opacity:0 */
        }

        #val {
            width: 400px;
            height: 25px;
            position: absolute;
            font-size: 13px;
            line-height: 25px;
            text-indent: 10px;
            pointer-events: none;
        }

        #button {
            cursor: pointer;
            display: block;
            background-color: purple;
            height: 25px;
            color: white;
            font-size: 11px;
            line-height: 25px;
            margin-top: 3%;
            text-align: center;
            /* -webkit-transition: 500ms all; */
            /* -moz-transition: 500ms all; */
            /* transition: 500ms all; */
        }
        
        #slideshow-wrapper {
            z-index: 1;
            margin: 40px auto 0px 10px;
            -webkit-perspective: 1000px;
            -moz-perspective: 1000px;
            -o-perspective: 1000px;
            perspective: 1000px;
        }

        .errors {
            color: red;
        }

        #slideshow {
            position: absolute;
            list-style-type: none;
            padding: 5px 0px;
            height: 100px;
            width: 100px;
            margin-top: -30px;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        #slideshow>* {
            display: block;
            position: absolute;
        }

        #slideshow img {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            /* box-shadow: 0 0 5px #ccc; */
            width: 170px;
            height: 170px;
        }

        #slideshow .front {
            -webkit-transform: translateZ(50px);
            -moz-transform: translateZ(50px);
            -o-transform: translateZ(50px);
            transform: translateZ(50px);
            opacity: 1;
            -webkit-transition: -webkit-transform 1s, opacity 1s;
            -moz-transition: -moz-transform 1s, opacity 1s;
            -o-transition: -o-transform 1s, opacity 1s;
            transition: transform 1s, opacity 1s;
        }

        #slideshow .right {
            -webkit-transform: rotateY(90deg) translateZ(100px);
            -moz-transform: rotateY(90deg) translateZ(100px);
            -o-transform: rotateY(90deg) translateZ(100px);
            transform: rotateY(90deg) translateZ(100px);
            opacity: 0;
            -webkit-transition: -webkit-transform 1s, opacity 1s;
            -moz-transition: -moz-transform 1s, opacity 1s;
            -o-transition: -o-transform 1s, opacity 1s;
            transition: transform 1s, opacity 1s;
        }

        #slideshow .left {
            -webkit-transform: rotateY(-90deg) translateZ(10px) translateX(-360px);
            -moz-transform: rotateY(-90deg) translateZ(10px) translateX(-360px);
            -o-transform: rotateY(-90deg) translateZ(10px) translateX(-360px);
            transform: rotateY(-90deg) translateZ(10px) translateX(-360px);
            opacity: 0;
            -webkit-transition: -webkit-transform 1s, opacity 1s;
            -moz-transition: -moz-transform 1s, opacity 1s;
            -o-transition: -o-transform 1s, opacity 1s;
            transition: transform 1s, opacity 1s;
        }

        #val {
            width: 400px;
            height: 25px;
            position: absolute;
            font-size: 13px;
            line-height: 25px;
            text-indent: 10px;
            pointer-events: none;
        }

        #button {
            cursor: pointer;
            display: block;
            background-color: purple;
            height: 25px;
            color: white;
            font-size: 11px;
            line-height: 25px;
            margin-top: 3%;
            text-align: center;
        }

        #photo {
            width: 100%;
            background-color: white;
            padding: 5px 0px 5px 20px;
            color: black;
            /* border-radius: 0%; */
            border-top-left-radius: -8%;
            border-top-left-radius: 23px;
            border-top-right-radius: 23px;
            border-bottom-right-radius: 23px;
            border-bottom-left-radius: 23px;
            /* margin-top:5px; */
        }

        #photo {
            padding: 3px !important;
            padding-left: 18px !important;
        }

        #terms {
            margin-top: 5px !important;
        }

        .regi {
            margin-top: 3px !important;
            color: #63009ed6;
            background-color: gold;
            box-shadow: 0px 0px 2px 2px #63009ed6;
            border-radius: 30px !important;
            cursor: pointer;
            border: 4px solid rgb(192 42 192);
            font-size: 14px;
            padding: 6px 20px !important;
            text-align: center;
            display: inline-block;
        }

        .lakota {
            height: 102% !important;
        }

        /* ---------------------------- */
        .overlay {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            transition: opacity 500ms;
            visibility: hidden;
            opacity: 0;
            z-index: 999999;
        }

        .overlay:target {
            visibility: visible;
            opacity: 1;
        }

        .popup {
            margin: 70px auto;
            padding: 20px;
            background: #fff;
            border-radius: 5px;
            width: 30%;
            position: relative;
            transition: all 5s ease-in-out;
        }

        .popup h2 {
            margin-top: 0;
            color: #333;
            font-family: Tahoma, Arial, sans-serif;
        }

        .popup .close {
            position: absolute;
            top: 20px;
            right: 30px;
            transition: all 200ms;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            color: #333;
        }

        .popup .close:hover {
            color: #06D85F;
        }

        .popup .content {
            max-height: 30%;
            overflow: auto;
        }

        .loginform1 {
            padding: 15px;
            border-radius: 27px;
            background-color: gold;
        }

        .loginimage {
            margin-top: -40px;
            width: 130px;
            height: 100px;
        }

        .formimage {
            flex-wrap: wrap;
            border-bottom: 1px solid white !important;
        }

        .close1 {
            width: 30px;
            height: 30px;
            color: white;
            background-color: #b813c8 !important;
            padding: 0px 5px 0px 5px;
            border: 2px solid white;
            border-radius: 30px;
        }

        .modal-footer {
            border-top: 1px solid #ffffff !important;
        }

        @media screen and (max-width: 700px) {
            .popup {
                width: 70%;
            }
        }

        .logininput::placeholder {
            color: #b813c8;
            font-size: 18px;
            font-weight: bold !important;
        }

        .logininput {
            height: 35px !important;
        }

        .loginbtn {
            padding: 10px 45px;
            color: white;
            background-color: #b813c8;
            border-radius: 20px;
            font-size: 18px;
            font-weight: 800;
            border: 4px solid #edb824;
            box-shadow: 3px 4px 6px 0px grey;
            background-color: #b813c8 !important;
        }

	.loginbtn:hover{
		border: 4px solid #b813c8;
    		background-color: #edb824!important;
	}

        .loginregister {
            color: #63009ed6;
            background-color: gold;
            box-shadow: 0px 0px 2px 2px #63009ed6;
            border-radius: 30px;
            border: 4px solid rgb(192 42 192);
            font-size: 14px;
            font-weight: bold;
            text-align: center;
        }
	.loginregister:hover{
		color: white;
		border: 4px solid gold;
		background-color: rgb(192 42 192);

	} 
        .successstorycontent+p {
            min-height: 150px;
            max-height: 150px;
        }