@import url('https://fonts.googleapis.com/css?family=Mukta');
        #login_page_d {
          font-family: 'Mukta', sans-serif;
            height:100vh;
            min-height:550px;
            background-image: url(http://www.planwallpaper.com/static/images/Free-Wallpaper-Nature-Scenes.jpg);
            background-repeat: no-repeat;
            background-size:cover;
            background-position:center;
            position:relative;
            overflow-y: hidden;
        }
        #login_page_d a{
          text-decoration:none;
          color:#444444;
        }
        #login_page_d .login-reg-panel{
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            text-align:center;
            width:70%;
            right:0;left:0;
            margin:auto;
            height:400px;
            background-color: rgba(236, 48, 20, 0.9);
        }
        #login_page_d .white-panel{
            background-color: rgba(255,255, 255, 1);
            height:500px;
            position:absolute;
            top:-50px;
            width:50%;
            right:calc(50% - 50px);
            transition:.3s ease-in-out;
            z-index:0;
            box-shadow: 0 0 15px 9px #00000096;
        }
        #login_page_d .login-reg-panel input[type="radio"]{
            position:relative;
            display:none;
        }
        #login_page_d .login-reg-panel{
            color:#B8B8B8;
        }
        #login_page_d .login-reg-panel #label-login, 
        #login_page_d .login-reg-panel #label-register{
            border:1px solid #9E9E9E;
            padding:5px 5px;
            width:150px;
            display:block;
            text-align:center;
            border-radius:10px;
            cursor:pointer;
            font-weight: 600;
            font-size: 18px;
        }
        #login_page_d .login-info-box{
            width:30%;
            padding:0 50px;
            top:20%;
            left:0;
            position:absolute;
            text-align:left;
        }
        #login_page_d .register-info-box{
            width:30%;
            padding:0 50px;
            top:20%;
            right:0;
            position:absolute;
            text-align:left;

        }
        #login_page_d .right-log{right:50px !important;}

        #login_page_d .login-show, 
        #login_page_d .register-show{
            z-index: 1;
            display:none;
            opacity:0;
            transition:0.3s ease-in-out;
            color:#242424;
            text-align:left;
            padding:50px;
        }
        #login_page_d .show-log-panel{
            display:block;
            opacity:0.9;
        }
        #login_page_d .login-show input[type="text"], #login_page_d .login-show input[type="password"],#login_page_d .login-show input[type="email"]{
            width: 100%;
            display: block;
            margin:20px 0;
            padding: 15px;
            border: 1px solid #b5b5b5;
            outline: none;
        }
        #login_page_d .login-show input[type="button"],#login_page_d .login-show input[type="submit"],#login_page_d .login-show input[type="reset"] {
            max-width: 150px;
            width: 100%;
            background: #444444;
            color: #f9f9f9;
            border: none;
            padding: 10px;
            text-transform: uppercase;
            border-radius: 2px;
            float:right;
            cursor:pointer;
        }
        #login_page_d .login-show a{
            display:inline-block;
            padding:10px 0;
        }

        #login_page_d .register-show input[type="text"], #login_page_d .register-show input[type="password"],#login_page_d .register-show input[type="email"]{
            width: 100%;
            display: block;
            margin:20px 0;
            padding: 15px;
            border: 1px solid #b5b5b5;
            outline: none;
        }
        #login_page_d .register-show input[type="button"], #login_page_d .register-show input[type="submit"],#login_page_d .register-show input[type="reset"] {
            max-width: 150px;
            width: 100%;
            background: #444444;
            color: #f9f9f9;
            border: none;
            padding: 10px;
            text-transform: uppercase;
            border-radius: 2px;
            float:right;
            cursor:pointer;
        }
        #login_page_d .credit {
            position:absolute;
            bottom:10px;
            left:10px;
            color: #3B3B25;
            margin: 0;
            padding: 0;
            font-family: Arial,sans-serif;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 1px;
            z-index: 99;
        }
        #login_page_d a{
          text-decoration:none;
          color:#2c7715;
        }