﻿
body {
    /*background-color:#354152; #31363b;*/
    background-color: darkgoldenrod;
    color: white;
}

.nav-link:hover, .nav-link:active, .nav-link:focus {
    background-image: linear-gradient(orane, orangered) initial;
    background-color: darkred;
    border:1px solid red;
    color: yellow;
}

.form-control:focus {
    border: 3px solid red;
    box-shadow: none;
    /*box-shadow: 0 0 0 0.2rem rgba(135, 21, 4, 0.25);*/
}

/*h3 {
    display: inline;
}*/
.BxShd1 {
    /*box-shadow:10px 10px 5px grey;*/
    box-shadow: 0 0 250px #000;
}
.bg-dark1 {
    background-color: #1d2537;
    color: white;
}

    .bg-mid1{
        background-color:mediumslateblue;
    }

.Grdnt1{
    background-image:linear-gradient(indigo, purple, deeppink, crimson, midnightblue);

}

.Grdnt2 {
    background-image: linear-gradient(to right, #354152, #19212d, #354152);
    /*background-image: linear-gradient(160deg, #8ceabb 0%, #378f7b 100%);*/
}

.bg-sltgry {
    background-color: #354152;
}




.Biz {
    font: bolder 48px arial;
    color: transparent;
    text-shadow: #45002b 0 0 2px, deeppink 0 -2px 3px, white 0 -4px 3px, rgba(0,0,0,0.8) 0 30px 25px;
    /*text-shadow: #bbb 0 0 1px, #fff 0 -1px 2px, #fff 0 -3px 2px, rgba(0,0,0,0.8) 0 30px 25px;*/
    /*transition: margin-left 0.3s cubic-bezier(0, 1, 0, 1);*/
    font-stretch: ultra-expanded;
}

.txt3d1 {
    /*font-size: 52px;*/
    /*text-align: center;*/
    /*color: ivory;*/
    text-shadow: 2px -4px 1px gray;
    
}

.txt3d2 {
    /*font-size: 36px;*/
    /*text-align: center;*/
    /*color: sandybrown;*/
    text-shadow: #111 0 0 1px, rgba(255,255,255,0.1) 0 1px 3px;
}

.txt3d3 {
    font-size: 3rem;
    /*text-align: center;*/
    /*height: 90vh;
    line-height: 90vh;*/
    color: #fcedd8;
    font-weight: 700;
    text-shadow: 2px 2px 0px #eb452b, 4px 4px 0px #efa032, 6px 6px 0px #46b59b, 8px 8px 0px #017e7f, 10px 10px 0px #052939, 12px 12px 0px #c11a2b, 14px 14px 0px #c11a2b, 16px 16px 0px #c11a2b, 18px 18px 0px #c11a2b;

}

.txt3d4 {
    color: #70869d;
    letter-spacing: .15em;
    text-shadow: -1px -1px 1px #efede3, 0px 1px 0 #2e2e2e, 0px 2px 0 #2c2c2c, 0px 3px 0 #2a2a2a, 0px 4px 0 #282828, 0px 5px 0 #262626, 0px 6px 0 #242424, 0px 7px 0 #222, 0px 8px 0 #202020, 0px 9px 0 #1e1e1e, 0px 10px 0 #1c1c1c, 0px 11px 0 #1a1a1a, 0px 12px 0 #181818, 0px 13px 0 #161616, 0px 14px 0 #141414, 0px 15px 0 #121212, 2px 20px 5px rgba(0, 0, 0, 0.9), 5px 23px 5px rgba(0, 0, 0, 0.3), 8px 27px 8px rgba(0, 0, 0, 0.5), 8px 28px 35px rgba(0, 0, 0, 0.9);
}

.txt3d5 {
    /*font-size: 38px;*/
    /*text-align: center;*/
    font-weight: 900;
    
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191, 1px 2px 1px #919191, 1px 3px 1px #919191, 1px 4px 1px #919191, 1px 5px 1px #919191, 1px 6px 1px #919191, 1px 7px 1px #919191, 1px 8px 1px #919191, 1px 9px 1px #919191, 1px 10px 1px #919191, 1px 18px 6px rgba(16,16,16,0.4), 1px 22px 10px rgba(16,16,16,0.2), 1px 25px 35px rgba(16,16,16,0.2), 1px 30px 60px rgba(16,16,16,0.4);
}

.txt3d6 {
    /*display: inline;*/
    /*font-size: 18px;*/
    font-weight: bold;
    color: red;
    text-shadow: 1px 1px 1px black;
    /*vertical-align: top;*/
}

.txt3d7 {    
    /*font-size: 28px;*/
    font-weight: bold;
    
    text-shadow: 2px 2px 2px black;
}




table.hTbl2 {
    width: 1000px;
    border-style: solid;
    border-color: #9054f2;
    border-collapse: collapse;
    text-align: center;
}

    table.hTbl2 caption {
        
        background-color: #e8dcf6;
        border-color: #9054f2;
    }

    table.hTbl2 th {
        background-color: #9054f2;
        color: white;
    }

    table.hTbl2 tr:nth-child(odd) {
        background-color: #fdf3ff;
    }

    table.hTbl2 tr:nth-child(even) {
        background-color: #f5f7ff;
    }

table.htbl5 {
    /*width: 1000px;*/
    border-style: solid;
    border-color: deepskyblue;
    /*border-collapse: collapse;*/
}

    table.hTbl5 caption {
        
        background-color: lightcyan;
        border-color: deepskyblue;
    }

    table.hTbl5 th {
        background-color: deepskyblue;
        color: white;
    }

    table.hTbl5 tr:nth-child(odd) {
        background-color: #e0f8fc;
    }

    table.hTbl5 tr:nth-child(even) {
        background-color: azure;
    }

    table.hTbl5 tfoot tr td {
        background-color: lightcyan;
    }
/*div.header {
    background-color: #deffff;
    font-size: 24px;
    color: steelblue;
}

    div.header span {
        display: inline-block;
        margin: 15px 20px;
        font-size: 24px;
        color: steelblue;
    }*/

/*div.Mnbr {*/
    /*font: normal 12pt verdana;*/
    /*background-image:url("MnBck_C.bmp");*/
    /*background-color: paleturquoise;*/
    /*background-image: linear-gradient(paleturquoise, #29644c);
}

ul.Menu > li > a {
    color: black;
}

ul.Menu > li:hover > a {
    color: white;
}

ul.Menu > li:hover {
    background-image: linear-gradient(darkturquoise, #0d251b);
    border-radius: 10px;
}*/

img.Dspl {
    /*height: 500px;*/
    display: inline;
    max-height:500px;
    max-width:500px;
    margin-right: 20px;
}




/*.StMnItmStyle {
    color:ivory;
}

    .StMnItmStyle:hover {
        color:yellow;
        background-image: url("MnBckHvr_C.bmp");
        border-radius:10px;
    }*/

/*.SgnBx {
    background-color: #E7EFEF;
    margin: 15px;
    border: double 4px;
    border-color: cornflowerblue;
    text-align: center;
}

    .SgnBx input[type=text] {
        width: 150px;*/
        /*border:1px solid gray;*/
    /*}*/

.glow {
    font-size: 30px;
    color: ivory;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
    }
}
    /*ul.GujLst {
        font-family: anup;
        font-size: 36px;
        font-stretch: wider;
        color: chocolate;
        list-style: circle;
    }*/

/*
#NxtBtn:checked + div[style="display:block"] {
    display: none;
    
}

#NxtBtn:checked + div + div {
    display: block;
    
}*/
.StackH{
    display:inline-block;
    width:50%;
    /*display:table-cell;*/
    margin:auto;
}

/* Book with page animation */

.SPage label{
    height:100%;
    width:50%;
    position: absolute;
    background-color:silver;
    z-index:5;
    cursor:pointer;
    /*text-align:center;*/
    opacity:0;   
    
}

.PosLeft {
    left:0px;
    
}

.PosRight {
    right: 0;
    top:0;
    
}

.SPage{
    /*display:block;*/
    display:flex;
    justify-content:center;
    align-items:center;
   margin:auto;
}

.SBook {
    width: 1100px;
    height: 800px;
    margin:0 auto;
    /*display: inline-flex;*/
    
    color: black;
    background-color: #F5F5F5;
    background-image: linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(247,247,247,0) 18%);
}

    .SBook .SPage {
        /*width:100%;*/
        height:100%;
        /*display:inline-block;*/
        position:relative;
    }

        .SBook input[type="radio"] {
            display: none;
        }
            .SBook input[type="radio"]:checked + .SPage {
                display:flex;
            }

            .SBook input[type="radio"] + .SPage {
                display: none;
            }

.SBook > div:nth-child(3n+0){
    background-color:#2e3d3c;
}
.SBook > div:nth-child(3n+1) {
    background-color: #262d33;
}

.SBook > div:nth-child(3n+2) {
    background-color: #0b2938;
}

.Chapt {
    /*width:100%;
    height:100%;*/
    display:table-cell;
    border:1px solid lime;
    vertical-align:middle;
}


/* End Book */

.ColPar{
    /*width:100%;*/
    display:table-row;
}

    /*.ColPar::after {
        content: "";
        display: table;
        clear: both;
    }*/

.SPage img{
    /*margin:auto;
    display:block;*/
    /*height:500px;*/
    /*vertical-align:middle;*/
    /*margin:auto 0;*/
    max-height:450px;
}
.ColPar > div {
    
    /*float:left;*/
    width:50%;
     display:table-cell;
     vertical-align:middle;
     /*height:100%;*/
}

/*.SPage h1{
    font-size:36px;
    color:yellow;
}

.SPage h2 {
    font-size: 24px;
    color: honeydew;
}*/

/*.SPage table{
    margin:auto;
    border:1px solid lime;
}*/

ul.MPoints {
    font-size:32px;
    list-style-type:none;
    margin:0 auto;
}

ul.MPoints li {
    margin:10px 0;
}

.MidImg {
    max-height: 150px;
    max-width: 150px;
    margin: 10px;
}


/*header with animation*/


.mrqbox {
    display: flex;
    
}

    .mrqbox .inner {
        width: 50%;
        height: 80px;
        line-height: 80px;
        font-size: 32px;
        font-family: sans-serif;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
    }

        .mrqbox .inner:first-child {
            background-color: saddlebrown;
            color: ivory;
            transform-origin: right;
            transform: perspective(100px) rotateY(-15deg);
        }

        .mrqbox .inner:last-child {
            background-color: #e4bd7f;
            color: #230404;
            transform-origin: left;
            transform: perspective(100px) rotateY(15deg);
        }

        .mrqbox .inner span {
            position: absolute;
            animation: marquee 5s linear infinite;
        }

        .mrqbox .inner:first-child span {
            animation-delay: 2.5s;
            left: -100%;
        }

@keyframes marquee {
    from {
        left: 100%;
    }

    to {
        left: -100%;
    }
}

.ShHdDiv input[type=radio] {
    display: none;
}

    .ShHdDiv input[type=radio] + div {
        display: none;
    }

    .ShHdDiv input[type=radio]:checked + div {
        display: flex;
    }

   .ShHdDiv label{
       width: 100px;
       height:40px;
       line-height:40px;
       background-color:#021c38;
       border:1px solid royalblue;
       text-align:center;
       color:aqua;
       cursor:pointer;
       font-weight:normal;
       font-size:18px;
   }

   .ShHdDiv h1{
       margin:20px;
   }