@font-face {
    font-family: 'manropeB';
    src:url('../fonts/manrope-semibold.woff');
}
body#page-site-index{
    padding:0;
}
.ebook-wrapper{
    position:relative;
    width:100%;
    min-height:100vh;
    overflow: hidden;
}
.ebook-bg{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
}
.ebook-bg .box1{
    position:absolute;
    top:-140px;
    left:-160px;
    width:300px;
    height:300px;
    border-radius:60px;
    background:#2864ce;
    transform:rotate(-18deg);

}
.ebook-bg .box2{
    position:absolute;
    top:-140px;
    right:-150px;
    width:300px;
    height:300px;
    border-radius:60px;
    background:#f9a955;
    transform:rotate(-18deg);

}
.ebook-bg .box3{
    position:absolute;
    bottom:-140px;
    right:-140px;
    width:300px;
    height:300px;
    border-radius:60px;
    background:#2864ce;
    transform:rotate(-18deg);

}
.ebook-bg .box4{
    position:absolute;
    bottom:60px;
    left:70px;
    width:100px;
    height:90px;
}
.ebook-bg .subbox1{
    position:absolute;
    left:0;
    top:0;
    width:64px;
    height:64px;
    border-radius:32px;
    background:#f9a955;
}
.ebook-bg .subbox2{
    position:absolute;
    bottom:0;
    right:0;
    width:22px;
    height:22px;
    border-radius:11px;
    background:#ef5160;
}
.ebook-bg .box5{
    position:absolute;
    top:120px;
    left:130px;
    width:110px;
    height:90px;
    transform:rotate(18deg);

}
.ebook-bg .subbox3{
    position:absolute;
    left:17px;
    top:0;
    width:40px;
    height:40px;
    border-radius:12px;
    background:#ef5160;
}
.ebook-bg .subbox4{
    position:absolute;
    left:0;
    top:20px;
    width:40px;
    height:40px;
    border:solid 6px #f9a955;
    border-radius:12px;
}
.ebook-bg .subbox5{
    position:absolute;
    top:0;
    right:0;
    width:22px;
    height:22px;
    border-radius:11px;
    background:#2864ce;
}

#ebook-page{
    display:flex;
    flex-flow:column nowrap;
    justify-content: space-between;
    align-items: stretch;
    position:relative;
    z-index:10;
    min-height:100vh;
    margin-left:180px;
    margin-right:180px;
}

.ebook-frontpage-nav{
    display:flex;
    flex-flow:row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    flex-grow:0;
    flex-shrink:0;
    height:100px;
    padding:14px 40px 0 0px;
}

.ebook-frontpage-nav .navbar-brand{
    display:flex;
    flex-flow:row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.ebook-frontpage-nav .navbar-brand img{
    height:60px;
    color:#000;
}
.logingroup{}

.logingroup a {
    display:inline-block;
    margin-left:50px;
    font: 600 16px/28px 'manropeB', Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding:3px 0;
    color:#787878;
    transition: color .3s ease;
}
.logingroup a:last-child{
}
.logingroup a:hover{
    color:#5c83ec;
    border-bottom:solid 4px #5c83ec;
}
.ebook-content{
    padding:30px 0 10px;
}
.ebook-content h2{
    width: 700px;
    max-width:100%;
    margin: 0 auto 14px;
    text-align:center;
    font: italic bold 40px/40px 'Times New Roman',Helvetica, Arial, sans-serf;
    color:#373737
}
.ebook-content h2 small{
    font: italic bold 26px/40px 'Times New Roman',Helvetica, Arial, sans-serf;
}
.ebook-content1 h2{
    text-align:left;
    font-style: normal;
}
.ebook-content1  h2 small{
    text-align:left;
    font-style: normal;
}
.ebook-video{
    max-width:100%;
    width:640px;
    margin:0 auto 0px;
}
.ebook-video .video-js{
    border-radius:4px;
    overflow:hidden;
}
.ebook-video .video-js .vjs-big-play-button{
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);

}
.ebook-content1 .ebook-video{
    display:none;
}
.ebook-video video{
    width:100%;
    overflow:hidden;
}
.ebook-text{
    display:none;
    max-width:100%;
    width:700px;
    margin:0 auto;
}

.ebook-content1 .ebook-text{
    display:block;
}

.ebook-text p{
    font:20px/30px 'Times New Roman',Helvetica, Arial, sans-serf;
}
.ebook-blockquote{
    background:#f5f5f5;
    padding:20px;
}
.ebook-remark{
    padding-top:10px;
    padding-left:14px;
    font:14px/21px 'Times New Roman',Helvetica, Arial, sans-serf;
}
.ebook-remark li{
    padding-bottom:10px;
}
.ebook-remark li:target:before{
    content:none;
}
.frontpage-switcher{
    text-align:center;
    font:16px/28px 'manropeB';
    color:#aaa;
    cursor: default;
}
.frontpage-switcher a{
    margin:4px;
    cursor: pointer;
}
.ebook-content2 .frontpage-switcher #showvideo,
.ebook-content1 .frontpage-switcher #showtext{
    text-decoration:none;
    color:#aaa;
    cursor: default;
}

.ebook-frontfooter{
    flex-grow:0;
    flex-shrink:0;
    height:40px;
    margin:0;
    font:14px/40px 'manropeB',Helvetica, Arial, sans-serf;
    color:#565656;
    text-align:center;
}



@media (max-width:992px) {
    .ebook-wrapper{

        min-height:560px;

    }

    .ebook-frontpage-nav {
        flex-flow: column-reverse nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 20px;
        height:160px;
    }
    .logingroup a{
        margin-left:20px;
    }
    .logingroup a:first-child{
        margin-left:0;
    }
    .ebook-content{
        padding-top:0;
    }
    #ebook-page {
        display:block;
        position:relative;
        margin:20px;
        padding:20px 20px 60px;
        background:rgba(255,255,255,.9);
        border-radius:8px;
    }

    .ebook-frontfooter{
        position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
    }
}







.modal-content, .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content {
    border-radius: 8px;
    overflow: hidden;
}
#contactus .modal-body{
    padding:0 0 0 160px;
    background:url(../pix/formbg.png) no-repeat #0082bf left bottom;
}
#contactus .modal-body h6{
    position:absolute;
    top:40px;
    left:0;
    padding-left:20px;
    color:#fff;
    font:18px/40px 'Poppins',Helvetica, Arial, sans-serif;
}
#contactus .modal-body .contactusform{
    position:relative;
    height:520px;
    padding:50px 20px 0;
    background:#fff;
}
#contactus .modal-body .contactusform>.close{
    position:absolute;
    right:10px;
    top:5px;
}

#contactus .modal-body .contactusform form{
}
#contactus .modal-body .contactusform label{
    color:#777;
    font:12px/16px 'Poppins',Helvetica, Arial, sans-serif;
}
#contactus .modal-body .contactusform .form-group{
    margin-bottom:.5rem;
}
#contactus .modal-body .contactusform .input-group{
    margin-bottom:0;
    border-bottom:solid 1px #d5d5d5;
    border-radius: 0;
}
#contactus .modal-body .contactusform .input-group.is-invaild {
    border-color:#d9534f;
}
#contactus .modal-body .contactusform .input-group .form-control{
    padding:2px 10px;
    border:none;
    border-radius: 0;
    outline:0!important;
    box-shadow: none!important;
    -webkit-tap-highlight-color: transparent;
    font-family:'Poppins',Helvetica, Arial, sans-serif;;
}
#contactus .modal-body .contactusform .input-group .input-group-text{
    border:none;
    background:transparent;
}
#contactus .modal-body .contactusform .input-group .input-group-text:before{
    font: normal normal normal 14px/1 FontAwesome;
}

.ebook-frontfooter .ebook-footerdetail{
    justify-content: center;
}

#contactus .modal-body .contactusform .input-group.is-vaild .input-group-text:before{
    content:'\f00c';
    color:#48b925;
}
#contactus .modal-body .contactusform .input-group.is-invaild .input-group-text:before{
    content:'\f00d';
    color:#d9534f;
}



#contactus .modal-body .contactusform .submitgroup{
    margin-top:20px;
    text-align:right;
}
#contactus .modal-body .contactusform .submitgroup button{
    background:#aaa;
    border: none;
    border-radius:8px;
    font-family:'Poppins',Helvetica, Arial, sans-serif;
    cursor: not-allowed;
}
#contactus .modal-body .contactusform .submitgroup button.formready {
    background: #00bf97;
    cursor: pointer;
}

#contactus .modal-body .contactusform .submitgroup button i{
    margin-right:4px;
}


#contactus .modal-body .contactusform  .successimg{
    position:absolute;
    right:0;
    bottom: 50px;
    width: 400px;
    height: 150px;
    background:url(../pix/frontpage/submitted.png) no-repeat right top / contain;
}
.grecaptcha-badge{
    display:none;
}


.frontpage-5w1h{
    text-align:center;
}
.frontpage-5w1h img{
    margin:20px 0;
    max-width:100%;
}


.special_link{
    position: relative;
    width:100%;
    max-width:640px;
    margin:20px auto 0;
}
.special_link img{
    width:100%;
}
.special_link .img-right{
    width:100%;
    transition: opacity .3s ease;
    position: relative;
}
.special_link .img-left{
    width:32%;
    position: absolute;
    left:0;
    top:0;
    bottom:0;
}
.special_link .img-right{
    opacity: .8;
}

.special_link:hover .img-right{
    opacity: .6;
}
.special_link .img-right:hover{
    opacity: 1!important;
}

.special_link .img-left{
    width:36.9%;
    position: absolute;
    left:0;
    top:0;
}
.special_link .img-left:after{
    content:'Full Access';
    display: flex;
    position: absolute;
    top:0;
    left:15%;
    right:0;
    bottom:20%;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size:24px;
    color:#f9a955;
    font-family: 'manropaB';
    font-weight:700;
    text-shadow: #133e7f 2px 0 0, #133e7f 0 2px 0, #133e7f -2px 0 0, #133e7f 0 -2px 0;
}

.special_link .img-right:after{
    content:'Free Trial';
    position: absolute;
    display: flex;
    top:0;
    left:40%;
    right:20%;
    bottom:20%;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size:24px;
    color:#1a4688;
    text-decoration: underline;
    font-family: 'manropaB';
    font-weight:600;
}

.special_link a{
    display: block;
}

@media (max-width:768px) {
    .special_link .img-right:after{
        font-size:16px

    }
    .special_link .img-left:after{
        font-size:16px;
        text-shadow: #133e7f 1px 0 0, #133e7f 0 1px 0, #133e7f -1px 0 0, #133e7f 0 -1px 0;
    }
}
.special_link_2{
    width:100%;
    max-width:640px;
    margin: 0 auto 20px;
    background: #f5f5f5;
    padding: 20px;

    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;

}
.special_link_2 p:last-child {
    margin-bottom:0;
}

.special_link_2 p{
    font-family:'manropeB',Arial;
}
.special_link_2 img{
    height: 48px;
    margin-right: 20px;
}