@font-face
{
    font-family: "Brown-Regular";
    src: url("../fonts/Brown.otf") format("truetype");
}


@font-face
{
    font-family: "Brown";
    src: url("../fonts/Brown.otf") format("truetype");
}


@font-face
{
    font-family: "Roboto";
    src: url("../fonts/Roboto.ttf") format("truetype");
}


@font-face
{
    font-family: "Roboto-Regular";
    src: url("../fonts/new/Roboto-Regular.ttf") format("truetype");
}


@font-face
{
    font-family: "Brown-Bold";
    src: url("../fonts/Brown-Bold.ttf") format("truetype");
}

@font-face
{
    font-family: "BentonModDisp-Regular";
    src: url("../fonts/BentonModDisp-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "BentonModDisp-Bold";
    src: url("../fonts/BentonModDisp-Bold.ttf") format("truetype");
}

@font-face
{
    font-family: "BentonModDisp-Semibold";
    src: url("../fonts/BentonModDisp-Semibold.ttf") format("truetype");
}


@font-face
{
    font-family: "LHANDW";
    src: url("../fonts/LHANDW.TTF") format("truetype");
}

@font-face
{
    font-family: "bright";
    src: url("../fonts/bright.TTF") format("truetype");
}

body
{
    font-family: "Brown";
}
.row
{
    margin: 0;
}
[v-cloak] {
    display: none;
}
.brown-font-bold
{
    font-family: 'Brown-Bold' !important;
}

.benton-font
{
    font-family: 'BentonModDisp-Regular' !important;
}
.benton
{
    font-family: 'BentonModDisp-Regular' !important;
}
.benton_bold
{
    font-family: 'BentonModDisp-Bold' !important;
}
.benton_semibold
{
    font-family: 'BentonModDisp-Semibold' !important;
}

.lucida-font
{
    font-family: 'LHANDW' !important;
}
.brown-font
{
    font-family: "Brown" !important;
}

a:hover
{
    color: #3E476F;
    text-decoration: none;
    /*color: transparent;*/
}

.container
{
    max-width: 1640px;
    /*margin: 0 135px;*/
    /*padding: 0;*/
}

.dropdown-menu
{
    z-index: 99999;
}

.top-bar
{
    background-color: #dae0dc;
    color: #fff;
    width: 100%;
    text-align: center;
}

.main-navbar p
{
    color: #292c59;
    margin: 10px 0;
    font-size: 14px;
}

.top-head
{
    border-bottom: 2px solid #F0F0F0;
}

.top-head .navbar-collapse
{
    float: right;
    display: block !important;
}

.main-navbar .nav-item
{
    margin-left: 35px !important;
}

.top-head .navbar-light .navbar-nav .nav-link
{
    /*font-family: 'Roboto', sans-serif;*/
    font-family: "Roboto";
    font-weight: 500;
    font-size: 15px;
    color: #25305D;
    /*color: #fff;*/
    letter-spacing: 1.4px;
    font-style: normal;
}

.menu-items
{
    transition: color 0.2s;
}

.top-head .navbar
{
    padding: 7px 0;
}

.top-head .dropdown-item
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    font-size: 15px;
    /*opacity: 75%;*/
    font-weight: unset;
    text-transform: lowercase;
}

.menu-icons
{
    margin-top: 5px;
    display: block;
}

.lang-select
{
    border: 1px solid #25305D;
    box-sizing: border-box;
    border-radius: 3px;
    width: 80px;
    height: 50px;
    text-align: center;
    /*padding: 5px 0;*/
    padding: 6px 0;
}

.lang-select a
{
    padding-right: 0 !important;
}

.signin
{
    font-family: "Roboto";
    font-weight: 500;
    background: #90AA94;
    border-radius: 3px;
    width: 110px;
    height: 50px;
    text-align: center;
    color: #fff !important;
    display: block;
    letter-spacing: 1.4px;
    font-size: 15px;
    padding: 14px 0;
}

.dropdown-toggle::after {
    display: none;
}

.menu-items
{
    /*padding-top: 3px;*/
    padding-top: 8px;
}

/*.signup*/
/*{*/
    /*background-image: url("../images/original-back.jpg");*/
    /*height: calc(100vh - 89px);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100%;*/
    /*overflow-y: auto;*/
/*}*/

.bg-cover-img img
{
    width: 100%;
    height: calc(100vh - 67px);
    object-fit: cover;
    position: absolute;
}

.signin-block
{
    width: 508px;
    /*height: 653px;*/
    height: auto;
    margin: 0 auto;
    margin-top: -12px;
    background: #FAFAF9;
    border-radius: 5px;
    padding: 15px 78px 1px;
    position: relative;
}

.signin-block input
{
    padding-top: 9px;
}

.main-heading
{
    position: relative;
}

.main-heading h2
{
    font-family: "Brown";
    font-weight: normal;
    /*font-weight: bold;*/
    font-style: normal;
    font-size: 28px;
    color: #25305D;
    margin: 0;
    position: relative;
    z-index: 9999;
}

.signup .main-heading h2
{
    text-align: center;
}

.signup .main-heading span
{
    margin: 0 auto;
    text-align: center;
}

.my-books-block
{
    background-color: #e5e5e5;
}

.my-books-block .main-heading span
{
    width: 155px;
}

.main-heading span
{
    position: absolute;
    width: 88px;
    height: 5px;
    left: 0;
    /*top: 32px;*/
    top: 24px;
    right: 0;
    background: #DAE0DB;
    display: block;
}

.main-heading p,
.with-opt,
.sign-acc
{
    font-size: 16px;
    color: #25305D;
}

.signup .main-heading p
{
    text-align: center;
    margin: 12px 0 0;
}

.form-inputs input
{
    font-family: "Brown";
    font-weight: normal;
    background: #FFFFFF;
    border: 1px solid #90AA94;
    border-radius: 3px;
    height: 50px;
    color: #25305D;
    /*font-weight: bold;*/
}

.sign-bt
{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1.4px;
    background: #90AA94;
    border-radius: 3px;
    border: none;
    width: 100%;
    height: 50px;
    padding: 13px;
}

.sign-bt:hover
{
    background-color: #90AA94;
    border-color: #90AA94;
}


.form-inputs
{
    margin-top: 17px;
}

.form-inputs .form-group
{
    margin-bottom: 23px;
}

.with-opt
{
    margin: 18px 0;
}

.social-sign:hover
{
    text-decoration: none;
}

.social-sign
{
    font-family: "Brown";
    font-weight: 400;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.03);
    border-radius: 3px;
    display: block;
    height: 50px;
    padding: 12px 0;
    color: #25305D;
    /*font-weight: bold;*/
    font-size: 15px;
}

.sign-google
{
    margin-top: 18px;
}

.sign-optns
{
    text-align: center;
}

.sign-acc a:hover
{
    text-decoration: none;
}

.sign-acc a
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    color: #25305D;
}

.sign-acc
{
    margin-top: 36px;
}

.close-bt
{
    position: absolute;
    right: 22px;
    top: 22px;
}

.signup-block
{
    height: auto;
}

.signup-block .sign-optns
{
    margin-top: 48px;
}

.signup-block .sign-bt
{
    margin: 18px 0 5px;
}

.back-bt
{
    position: absolute;
    top: 40px;
    left: 40px;
}

/*.signup-detail*/
/*{*/
/*    height: 630px;*/
/*}*/


/*account css*/

.my-books
{
    background: linear-gradient(to right, #fafaf9 65%, #fff 50%);
    /*background: #E5E5E5;*/
    /*background: url("../images/acc-back.png");*/
    /*height: calc(100% - 89px);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*overflow-y: auto;*/
}

.acc-block
{
    height: calc(100vh - 89px);
}

.new-book
{
    float: right;
    margin: 46px 36px 0;
}

.side-list-item
{
    position: relative;
}

.del-pages
{
    position: absolute;
    top: -7px;
    right: 5px;
}

.del-pages img
{
    width: 12px;
    height: 12px;
    object-fit: contain;
}

.sidebar li.new-page:hover
{
    background: #FDFBEC;
}

.new-book a:hover,
.new-page a:hover
{
    text-decoration: none;
}

.new-book a,
.new-page a
{
    font-family: "Roboto";
    font-weight: 500;
    background: #F3BD54;
    border-radius: 3px;
    /*font-weight: bold;*/
    font-size: 15px;
    color: #fff;
    text-align: center;
    width: 138px;
    height: 50px;
    display: block;
    padding: 13px 0;
}

.book-new-page a
{
    background: #b0c1bc !important;
}

.sidebar-new-page-bt
{
    display: table;
}

.sidebar-new-page-bt img
{
    top: -1px;
}

.sidebar-new-page-bt a
{
    display: table-cell;
    vertical-align: middle;
    width: 105px;
    margin: 0 auto;
    height: 39px;
    font-size: 12px;
    /*padding: 9px 0;*/
    padding: 0;
}

.book-new-page a img
{
    padding-right: 6px;
}

.new-book img,
.new-page img
{
    position: relative;
    padding-right: 18px;
}

.main-book-block
{
    padding-bottom: 90px;
    padding-top: 57px;
}

.main-book-block .main-heading span,
.profile-main-block .main-heading span
{
    /*width: 155px;*/
    width: 118px;
}

.book-shelf
{
    text-align: center;
}

.book-info p
{
    font-weight: bold;
    font-size: 20px;
    color: #25305D;
    text-align: center;
    margin-top: 52px;
}

.profile-main-block
{
    background: #fff;
    /*height: calc(100% - 89px);*/
    /*position: absolute;*/
    /*right: 0;*/
    /*width: 39%;*/
    padding: 57px 0 0 55px;
}

.profile-img
{
    margin-bottom: 10px;
}

.prof-img
{
    position: relative;
    top: 10px;
}

.book-icon
{
    /*padding-bottom: 9px;*/
    padding-bottom: 15px;
}

.prof-img img
{
    width: 94px;
    height: 94px;
    object-fit: cover;
    vertical-align: bottom;
    border-radius: 50%;
    border: 5px solid #dae0db;
}

.prof-content input[type=file]
{
    opacity: 0;
    position: absolute;
    left: 15px;
    right: 0;
    width: 270px;
    /*width: 40%;*/
    /*margin: 0 auto;*/
    cursor: pointer;
}

.prof-content h2
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 25px;
    color: #25305D;
    margin: 0;
}

.prof-content p
{
    font-size: 19px;
    color: #25305D;
    margin: 0;
}

.prof-content a
{
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 1.4px;
    display: block;
    font-size: 14px;
    color: #F23737;
    position: relative;
    top: 13px;
    text-decoration: underline;
}


.prof-content
{
    margin-left: 20px;
}

.prof-img,
.prof-content
{
    margin-top: 52px;
    display: inline-block;
}

.profile-bt:hover
{
    color: #fff;
    text-decoration: none;
}

.profile-bt
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    font-size: 15px;
    margin-top: 88px;
    display: block;
    background: #90AA94;
    border-radius: 3px;
    width: 190px;
    height: 50px;
    text-align: center;
    padding: 12px 0;
    color: #FFFFFF;
}

.profile-bt img
{
    position: relative;
    right: 6px;
}

.profile-bt-txt
{
    position: relative;
    top: 2px;
}

.edit-profile-block .main-heading,
.edit-profile-block .close-profile-bt
{
    display: inline-block;
}

.edit-profile-block .close-profile-bt
{
    float: right;
}

.edit-profile-block .prof-content
{
    margin-top: 102px;
    vertical-align: top;
}

.edit-profile-block .prof-content h2
{
    font-size: 17px;
}

.change-pass-bt
{
    font-family: "Brown";
    font-weight: 400;
    border: 1px solid #25305D;
    box-sizing: border-box;
    border-radius: 3px;
    width: 168px;
    height: 50px;
    display: inline-block;
    text-align: center;
    padding: 12px;
    color: #25305D;
    /*font-weight: bold;*/
    font-size: 15px;
}

.edit-profile-block .form-inputs .form-group
{
    margin-bottom: 15px;
}

.book-widget
{
    background: #FFFFFF;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.02);
    border-radius: 16px 8px 8px 16px;
    width: 130px;
    height: 147px;
    border-left: 10px solid;
    border-left-color: #DAE0DB;
    padding: 17px 11px;
    position: relative;
}

.book-widget h3
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 16px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #25305D;
}

.book-widget p
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 14px;
    color: #25305D;
    margin: 0 0 10px;
}

.book-detail
{
    position: absolute;
    bottom: 17px;
}

.book-widget .progress-bar,
.chap-info .progress-bar,
.book-edit-info .progress-bar,
.main-head-ver .progress-bar
{
    background-color: #90AA94;
}

.chap-info .progress,
.main-head-ver .progress,
.book-edit-info .progress
{
    border-radius: 3px;
    /*width: 128px;*/
    height: 8px;
}

.book-widget .progress
{
    width: 92px;
    height: 8px;
    border-radius: 3px;
}

.book-full-name h2
{
    font-family: "Brown";;
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 20px;
    color: #25305D;
}

.book-desc,
.book-widget
{
    display: inline-block;
}

.book-desc
{
    vertical-align: top;
    margin-left: 22px;
    margin-top: 17px;
}

.book-cart
{
    width: 235px;
    margin-top: 42px;
}

.my-books-list-block
{
    padding: 33px 0 55px;
}

.my-books-list-block .main-heading span
{
    /*width: 220px;*/
    width: 180px;
}

.list-heading h4
{
    font-family: "Brown";;
    font-weight: 400;
    font-size: 24px;
    color: #25305D;
    /*font-weight: bold;*/
}

.list-heading
{
    margin-top: 26px;
}

.chap-info
{
    background: #FFFFFF;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.02);
    border-radius: 3px;
    width: 182px;
    /*text-align: center;*/
    float: right;
    padding: 10px 27px 20px;
    margin-right: 22px;
}

.chap-info span
{
    font-weight: bold;
}

.chap-info p
{
    font-family: "Brown";
    font-weight: 400;
    display: inline-block;
    font-size: 20px;
    color: #25305D;
    margin: 0 0 4px;
    /*font-weight: bold;*/
}

.books-chap
{
    font-family: "Brown";
    color: #25305D;
    font-size: 20px;
    position: relative;
    left: 5px;
    font-weight: normal !important;
}

.book-page-info
{
    padding-bottom: 27px;
}

.collapse-block .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}

.collapse-block .btn-primary.focus,
.collapse-block .btn-primary:focus,
.collapse-block .btn-primary:not(:disabled):not(.disabled):active:focus
{
    box-shadow: none;
}

.collapse-block .btn-primary
{
    background-color: transparent;
    border: none;
    border-color: transparent;
    /*width: 100%;*/
    text-align: left;
}

.collapse-block .collap-book-head
{
    font-family: "Brown";
    font-weight: 400;
    padding: 0 14px 0 11px;
    /*font-weight: bold;*/
    font-size: 20px;
    color: #25305D;
}

.collapse-block
{
    width: 100%;
    border-top: 1px solid rgba(37, 48, 93, 0.1);
    padding: 20px 0 25px;
}

.lising-actions a:first-child
{
    color: #25305D;
}

.lising-actions a:last-child
{
    color: #90AA94;
}

.lising-actions a
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    font-size: 17px;
    margin-right: 72px;
}

.lising-actions img
{
    position: relative;
    right: 10px;
    vertical-align: text-bottom;
}

.lising-actions
{
    float: right;
    margin: 10px 0 0;
}

.book-edit-info
{
    border: 1px solid #DAE0DB;
    box-sizing: border-box;
    border-radius: 3px;
    width: 145px;
    margin: 30px auto 0;
    padding: 15px 0;
    text-align: center;
    /*background-color: #fff;*/
}

.book-edit-info span
{
    font-family: "Brown";
    font-weight: 400;
    font-size: 14px;
    color: #6A6F84;
}

.book-edit-info h4
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 16px;
    color: #25305D;
}

.collapse-block .book-page-count
{
    font-family: "Brown";
    font-weight: normal;
    font-size: 18px;
    color: #6A6F84;
    position: relative;
    top: 1px;
    left: 15px;
}

.book-edit-info .progress
{
    margin: 0 18px;
}

.progress-book-block
{
    padding: 11px;
}

/*.listing-widget*/
/*{    overflow: scroll;*/
    /*height: 450px;*/
    /*overflow-x: hidden;*/
/*}*/

 /* width */
.listing-widget::-webkit-scrollbar,
.book-main-block .sidebar::-webkit-scrollbar,
.upload-pix::-webkit-scrollbar,
.cart-inner::-webkit-scrollbar
{
     width: 5px;
}

.tabs-cont-expand-more::-webkit-scrollbar
{
    width: 10px;
}

.main-acc-widget .tabs-cont::-webkit-scrollbar
{
    width: 7px;
}

/* Track */
.listing-widget::-webkit-scrollbar-track,
.cart-inner::-webkit-scrollbar-track,
.main-acc-widget .tabs-cont::-webkit-scrollbar-track
{
    background: #fafaf9;
}

.photo-popup-mb .tab-content::-webkit-scrollbar-track
{
    background: #e0e5e1;
}

.book-main-block .sidebar::-webkit-scrollbar-track,
.tabs-cont-expand-more::-webkit-scrollbar-track,
.upload-pix::-webkit-scrollbar-track
{
    background: #fdfbec;
}

/* Handle */
.listing-widget::-webkit-scrollbar-thumb,
.book-main-block .sidebar::-webkit-scrollbar-thumb,
.upload-pix::-webkit-scrollbar-thumb,
.cart-inner::-webkit-scrollbar-thumb,
.main-acc-widget .tabs-cont::-webkit-scrollbar-thumb
{
    background: #90aa94;
    border-radius: 3px;
}

.tabs-cont-expand-more::-webkit-scrollbar-thumb
{
    background: #90aa94;
    border-radius: 10px;
}

/* Handle on hover */
.listing-widget::-webkit-scrollbar-thumb:hover,
.book-main-block .sidebar::-webkit-scrollbar-thumb:hover,
.tabs-cont-expand-more::-webkit-scrollbar-thumb:hover,
.upload-pix::-webkit-scrollbar-thumb:hover,
.main-acc-widget .tabs-cont::-webkit-scrollbar-thumb:hover
{
    background: #ccc;
}

.cart-widget
{
    background: #FAFAF9;
    border: 1px solid #DAE0DB;
    border-radius: 5px 5px 0px 0px;
    width: 355px;
    padding: 20px 20px 10px;
    position: fixed;
    bottom: 0;
}

.cart-inner
{
    height: 390px;
    overflow-y: scroll;
    margin: 20px 0;
}

.cart-widget .main-heading,
.cart-widget .cart-close
{
    display: inline-block;
    cursor: pointer;
}

.cart-close
{
    float: right;
    /*display: inline-block;*/
    position: absolute;
    right: 20px;
    top: 16px;
}

.cart-widget .main-heading span
{
    width: 141px;
}

.book-cover,
.book-cover-name
{
    display: inline-block;
}

.book-cover-name span
{
    font-family: "Brown";
    font-weight: normal;
    font-size: 16px;
    color: #6A6F84;
}

.book-cover-name
{
    vertical-align: middle;
    margin-left: 8px;
}

.book-cover-name h3
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 18px;
    color: #25305D;
    margin: 0;
}

.cart-del
{
    display: block;
    margin-top: 18px;
}

.cart-item
{
    margin-top: 24px;
}

.cart-item .col-10
{
    padding-left: 0;
}

.cart-bt
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    background: #90AA94;
    border-radius: 3px;
    width: 100%;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 10px 0;
    padding: 15px 0;
    display: inline-block;
}

.cart-block
{
    padding: 0 0 0 39px;
}

.back-over-bt
{
    margin-top: 11px;
    margin-left: 76px;
}

.back-over-bt a
{
    /*font-family: "Roboto";*/
    font-weight: bold;
    /*letter-spacing: 1.4px;*/
    font-size: 16px;
    /*text-transform: capitalize;*/
    color: #25305D;
}

.back-over-bt a img
{
    position: relative;
    right: 10px;
    top: -2px;
}

.book-header
{
    padding: 13px 70px;
    height: 75px;
}

.book-heading
{
    text-align: center;
    margin-top: -10px;
}

.book-heading h4,
.book-heading input
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 23px;
    color: #25305D;
    margin: 0;
}

.book-heading input
{
    border-bottom: 1px solid rgba(37, 48, 93, 0.2) !important;
    outline: none;
}

.book-heading input
{
    display: inline-block;
    /*width: 300px;*/
    width: auto;
    border: none;
    text-align: center;
    margin: 0 auto;
}

.book-heading span
{
    font-size: 11px;
    color: #25305D;
    text-align: center;
    /*padding-top: 5px;*/
    display: block;
}

.book-actions,
.more-actions-right-side
{
    float: right;
}

.more-actions-right-side
{
    padding-right: 70px;
}

.book-actions a
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    /*font-weight: bold;*/
    font-size: 15px;
    height: 50px;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 14px 0;
    display: inline-block;
    text-align: center;
}

.book-actions .save-book:hover
{
    background: #25305d;
    color: #fff;
}

.book-actions .save-book
{
    border: 1px solid #25305D;
    color: #25305D;
    width: 92px;
    margin-right: 15px;
}

.book-actions a:last-child
{
    background: #90AA94;
    width: auto;
    color: #FFFFFF;
    padding: 14px;
}

.info-blk
{
    background: #FDFBEC;
    display: inline-block;
    position: absolute;
    padding: 6px 0 0 0;
    height: 42px;
    width: 139px;
    text-align: center;
}

/*.tooltips img*/
/*{*/
    /*width: 85.9%;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 13px;*/
/*}*/

.info-blk h4
{
    font-family: "Brown";
    font-weight: bold;
    /*font-weight: bold;*/
    font-size: 12px;
    color: #25305D;
    /*padding: 15px 0 15px 15px;*/
    display: inline-block;
    margin: 0;
    background: #FDFBEC;
    padding: 0;
    height: 42px;
}

.action-bar
{
    border: 1px solid #F0F0F0;
    box-shadow: 0px 1px 0px #F0F0F0;
}

.action-bar .col-7
{
    padding: 0;
}

.more-actions,
.bg-color,
.book-left-side,
.book-right-side
{
    display: inline-block;
}

.more-actions a
{
    border-right: 1px solid #F0F0F0;
}

.more-actions a,
.more-actions-right-side a
{
    padding: 20px 30px;
}

.more-actions
{
    line-height: 0;
    padding-left: 140px;
    position: relative;
}

.more-actions a
{
    display: inline-block;
    padding: 7px 30px 12px;
    text-align: center;
    width: 120px;
}

.more-actions span
{
    display: block;
}

/*.more-actions-right-side a:first-child*/
/*{*/
    /*border-left: 1px solid #F0F0F0;*/
/*}*/

.more-actions-right-side .zoom-bt
{
    margin-left: -5px;
}

.more-actions-right-side a
{
    padding: 6px 30px 11px;
    font-size: 18px;
    color: #25305D;
}

.more-actions-right-side a:hover,
.more-actions a:hover,
.edit-photo:hover
{
    background: #f2f2ef;
}

.more-actions-right-side
{
    padding-top: 3px;
}

.bg-color button,
.bg-color .dropdown-items,
.bg-color .show>.btn-secondary.dropdown-toggle
{
    background: #EFDC4A;
    border: 1px solid #A9ADBB;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;

}

.bg-color .dropdown-menu button
{
    margin: 0 6px 10px;
}

.bg-color .dropdown-menu
{
    width: 172px;
    /*width: 147px;*/
    /*min-width: 8.6rem;*/
    height: 80px;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    box-sizing: border-box;
    border-radius: 3px;
    /*text-align: center;*/
    left: -70px !important;
    top: 15px !important;
}

/*.pink-clr*/
.peach
{
    /*background: #F3AB98 !important;*/
    background: #F28E84 !important;
}

/*.blue-clr*/
.sea_green
{
    /*background: #9BD8CF !important;*/
    background: #9EBBB7 !important;
}

.blue_light
{
    background: #A0DCF5 !important;
}

/*.white-clr*/
.pale_yellow
{
    /*background: #F9F5D7 !important;*/
    background: #FFFDE9 !important;
}

/*.pink-light-clr*/
.light_pink
{
    /*background: #F6D4C8 !important;*/
    background: #E7C4B8 !important;
}

.pink
{
    background: #D79786 !important;
}

/*.yellow-clr*/
.yellow
{
    /*background: #EFDC4A !important;*/
    background: #E9DA58 !important;
}

.gray
{
    background: #D6CBC3 !important;
}

.bg-color .btn-secondary.focus, .btn-secondary:focus,
.bg-color .btn-secondary:not(:disabled):not(.disabled).active:focus,
.bg-color .btn-secondary:not(:disabled):not(.disabled):active:focus,
.bg-color .show>.btn-secondary.dropdown-toggle:focus,
.bg-color .btn-secondary:hover
{
    color: #fff;
    /*background-color: #EFDC4A;*/
    /*border-color: #EFDC4A;*/
    box-shadow: none;
}

.color-title
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 16px;
    color: #25305D;
    padding: 0 17px 0 25px;
    vertical-align: middle;

}

.book-main-block .sidebar
{
    height: calc(100vh - 195px);
    overflow-y: auto;
    overflow-x: hidden;
}

.book-main-block .sidebar
{
    width: 139px;
    float: left;
    padding-bottom: 50px;
}

.sidebar
{
    background: #FDFBEC;
    /*height: 100%;*/
    margin: 0;
    padding: 0;
}

.sidebar h4,
.sidebar .page-layout
{
    font-family: "Brown";
    font-weight: 400;
    display: inline-block;
    text-align: center;
    /*font-weight: bold;*/
    font-size: 18px;
    color: #B4B7C7;
}

.sidebar .page-layouts
{
    vertical-align: top;
    margin-left: 12px;
}

.page-layouts img,
.page-layout img
{
    width: 31px;
    height: 40px;
    object-fit: cover;
}

.page-layouts img:first-of-type
{
    border-right: 1px solid #c4c4c4;
}

.page-layouts img:last-of-type
{
    position: relative;
    /*right: 4px;*/
}

/*.page-layouts img:last-of-type*/
/*{*/
    /*margin-left: -4px;*/
/*}*/

.sidebar .page-layout
{
    margin-left: 41px;
    vertical-align: top;
    padding-top: 3px;
}

.mb-page-layouts .sidebar .page-layout
{
    margin-left: 26px;
    vertical-align: middle;
}


.layout-check
{
    display: block;
}

.side-list-item
{
    /*padding: 34px 0 26px 19px;*/
    padding: 13px 10px;
}

.side-list-item  h4
{
    /*padding-top: 4px;*/
    margin: 0;
    vertical-align: middle;
}

.sidebar li.active,
.sidebar-nav li.active
{
    /*background: #90AA94;*/
    background: #b0c1bc;
    cursor: pointer;
}

.sidebar li.active h4
{
    color: #fff;
}


.sidebar li:hover
{
    background: #f1efe3;
    cursor: pointer;
}

.new-page
{
    border-top: 1px solid rgba(37, 48, 93, 0.1);
    /*padding: 18px;*/
    position: fixed;
    bottom: 0;
    padding: 20px 7px;
    background: #FDFBEC;
    width: 139px;
}

.book-main-block
{
    background: #FAFAF9;
    width: 100%;
    height: calc(100vh - 158px);
}

.book-section,.preview-book
{
    margin: 0 auto;
    text-align: center;
    outline: none;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.main-block
{
    background: url("../images/cover-liner.svg");
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #B1C9B4;
    /*padding: 17px 20px 17px 17px;*/
    display: inline-block;
    position: relative;
    /*width: 55%;*/
    /*background-color: #fffdee;*/
    /*height: calc(100vh - 397px);*/
    /*margin-left: 17%;*/
    text-align: left;
    /*height: calc(100vh - 450px) !important;*/
    /*max-height: calc(100vh - 450px) !important;*/
}

.main-left-chap-block
{
    padding: 17px 20px 17px 50px;
}

.main-right-chap-block
{
    padding: 17px 20px 17px 17px;
}

.left-chevron,
.right-chevron
{
    position: absolute;
    top: 45%;
}

.left-chevron
{
    left: -52px;
}

.right-chevron
{
    right: -52px;
}

.book-page-head
{
    font-size: 16px;
    color: #25305D;
    margin: 7px 0;
    text-align: left;
    /*margin-left: 20.2%;*/
    margin-left: 18%;
    height: 15px;
}

.book-left-side,
.book-right-side
{
    border: 2px solid #fffdee;
}

.book-left-side:hover,
.book-right-side:hover

{
    border: 2px solid #66A2FB;
    z-index: 9;
}


.book-left-side.active-block,
.book-right-side.active-block

{
    border: 2px solid #66A2FB;
    z-index: 9;
}


.main-back img
{
    width: 100%;
    /*width: 466px;*/
    /*height: 445px;*/
    /*width: 630px;*/
    min-width: 650px;
    max-width: 650px;
    /*height: 620px;*/
}

/*.edit-img img:hover*/
/*{*/
    /*background-image: url("../images/edit_page.png") !important;*/
    /*background-size: cover !important;*/
    /*background-repeat: no-repeat !important;*/
   /*!* z-index: 99999999999 !important;*!*/
    /*visibility: visible;*/
/*}*/

.hover-img img
{
    position: absolute;
    top: 0;
    z-index: 999;
}

.book-right-side,
.book-left-side
{
    position: relative;
    /*height: calc(100vh - 450px) !important;*/
    /*max-height: calc(100vh - 450px) !important;*/
}

.book-right-side
{
    /*width: calc(50% - 40px);*/
    /*max-height: calc(100vh - 265px);*/
    /*display: inline-block;*/
}


.preview-book .book-left-side
{
    margin-right: 37px;
}

.book-left-side
{
    /*margin-right: 27px;*/
    /*width: calc(50% - 40px);*/
    margin-right: 25px;
    /*display: inline-block;*/
    /*max-height: calc(100vh - 265px);*/
}

.cover-page-block
{
    margin-right: 0;
}

.cover-page .mid-circle
{
    right: 0;
}

.mid-circle
{
    position: relative;
    z-index: 9;
}

.mid-circle img
{
    /*max-height: calc(100vh - 400px);*/
}

.mid-circle
{
    width: 65px;
    position: absolute;
    margin: 0 auto;
    /*right: 50px;*/
    /*top: 6%;*/
    right: 30px;
    top: 18%;
    left: 0;
    text-align: center;
    /*max-height: calc(100vh - 265px);*/
}

/*.book-chaps*/
/*{*/
    /*height: calc(320px - 580px);*/
/*}*/

.book-btn
{
    font-family: 'BentonModDisp-Black';
    display: inline-block;
    position: absolute;
    width: 100px;
    /*right: -5px;*/
    right: -13px;
    /*top: 57px;*/
    top: 116px;
    transform: rotate(90deg);
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #25305D;
    /*border-radius: 0px 10px 10px 0px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    padding: 5px;
}

.left-chaps
{
    transform: rotate(-90deg);
    left: -13px;
    right: unset;
}

.book-btn:hover
{
    border: 1px solid #66A2FB;
}

.book-btn:nth-child(1)
{
    background: #D79786;
    /*border: 1px solid #66A2FB;*/
}

.book-btn:nth-child(2)
{
    background: #D6CBC3;
    /*top: 141px;*/
    top: 217px;
}

.book-btn:nth-child(3)
{
    background: #9EBBB7;
    /*top: 225px;*/
    top: 318px;
}

.book-btn:nth-child(4)
{
    background: #E9DA58;
    /*top: 309px;*/
    top: 419px;
}

.book-btn:nth-child(5)
{
    background: #D79786;
    /*top: 393px;*/
    top: 520px;
}

/*example test*/

.test .book-btn
{
    top: 150px;
}

.test .chap-two
{
    background: #F7D4C8;
    top: 235px;
}

.test .chap-three
{
    background: #9BD8CF;
    top: 320px;
}

.test .chap-four
{
    background: #F5E979;
    top: 405px;
}

.test .chap-five
{
    background: #A1DCF5;
    top: 490px;
}


/*example test*/


.bottom-widget
{
    /*background: #90AA94;*/
    background: #b0c1bc;
    width: 100%;
 /*   z-index: 9999;*/
    /*height: 41px;*/
    /*margin-top: 27px;*/
}

.main-acc-widget .tabs-cont
{
    background: #fff;
    width: 100%;
    /*height: 221px;*/
    height: 164px;
    /*height: 350px;*/
    padding: 0 20px;
    /*overflow-y: scroll;*/
}

.gallery-height
{
    height: 200px !important;
}

.tabs-cont-expand
{
    height: auto;
}

.main-acc-widget .tabs-cont-expand-more
{
    height: 420px;
    overflow-y: scroll;
}

.nav-tabs
{
    border-bottom: none;
}

.nav-tabs a:hover
{
    text-decoration: none;
}

.bottom-widget .nav-tabs li.active,
.bottom-widget .nav-tabs a.active,
.bottom-widget .text-block.active,
.bottom-widget .image-block.active,
.bottom-widget .layout-block.active
{
    background: #F2F2EF;
    color: #25305D;
}

.expand-view a.active
{
    background: unset;
    color: #fff !important;
}

.bottom-widget .nav-tabs .expand-view .active,
.bottom-widget .nav-tabs .expand-view .active:hover
{
    background: transparent;
}

.bottom-widget .nav-tabs a,
.bottom-widget .text-block ,
.bottom-widget .image-block ,
.bottom-widget .layout-block
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    /*font-weight: bold;*/
    font-size: 18px;
    padding: 7px 52px;
    color: #fff;
    display: inline-block;
    border: none;
    border-radius: 0;
}

.bottom-widget .nav-tabs .expand-view a:hover,
.upload-bt:hover
{
    color: #fff;
}

.font-lib
{
    margin: 0 31px;
    display: inline-block;
    text-align: center;
}

.bottom-main-block
{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 139px;
    z-index: 999;
}

.expand-items
{
    position: absolute;
    right: 88px;
    padding-top: 5px;
}

.expand-items,
.info-img,
.expand-view
{
    display: inline-block;
}

.expand-view
{
    padding-left: 36px;
}

.expand-view img
{
    position: relative;
    top: -2px;
    right: 8px;
}

.expand-items a
{
    padding: 0 !important;
}

.expand-view
{
    padding-right: 17px;
    padding-top: 2px;
}

.info-img
{
    padding-right: 10px;
}

.expand-view
{
    border-left: 1px solid #F0F0F0;
}

.expand-view a
{
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 1.4px;
    font-size: 16px !important;
    /*font-weight: normal !important;*/
    color: #fff !important;
}

.expand-items .tooltip.top .tooltip-inner {
    background-color:#FDFBEC;
}


.tooltip-inner {
    background: #FDFBEC;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #25305D;

}

.tooltip.top > .tooltip-arrow {
    border-top-color: #FDFBEC;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #FDFBEC;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #FDFBEC;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #FDFBEC;
}

.tooltip-head
{
    width: 285px;
    padding: 15px;
    text-align: left;
}

.top-tooltip
{
    background: #FFFFFF;
    border-radius: 5px;
    text-align: left;
    width: 228px;
}

/*custom tooltip*/

.tooltips {
    position: relative;
    display: inline-block;
    z-index: 999;
    /*border-bottom: 1px dotted black;*/
}

.tooltips .tooltiptext {
    font-family: 'Brown';
    visibility: hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    text-align: left;
    width: 228px;
    height: auto;
    position: absolute;
    z-index: 999;
    top: 150%;
    left: -224%;
    margin-left: -60px;
    padding: 15px;
    font-size: 13px;
    color: #25305D;
}

.bot-tip .tooltiptext
{
    background: #FDFBEC;
    width: 285px;
    /*height: 63px;*/
    height: auto;
    top: 200%;
    left: -895%;
}

.bot-tip .tooltiptext::after
{
    border-color: transparent transparent #FDFBEC transparent !important;
    /*right: 0;*/
    z-index: 999;
}


.tooltips .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.tooltips:hover .tooltiptext {
    visibility: visible;
}

.bottom-main-block .card-header
{
     padding: 0;
     margin-bottom: 0;
     background-color: rgba(0,0,0,.03);
     border-bottom: none;
}

/*.bot-tip img*/
/*{*/
    /*vertical-align: text-top;*/
    /*padding-top: 2px;*/
/*}*/

/*.expand-view img*/
/*{*/
    /*position: relative;*/
    /*top: -2px;*/
/*}*/

.bottom-main-block .card-header:first-child {
    border-radius: unset;
}

.card
{
    display: block;
    border: none;
    background-color: #FAFAF9;
    border-radius: unset;
}

.bottom-main-block .card-body
{
    padding: 0;
}

.main-acc-widget
{
    background: #E5E5E5;
    display: inline-block;
    width: 100%;
}

.book-mid-main
{
    overflow: hidden;
    position: relative;
    width: 1367px;
    height: 630px;
}

/*.main-book-backside*/
/*{*/
    /*background-image: url("../images/ring-back.svg");*/
    /*background-size: 98% 100%;*/
/*}*/

.circle-back
{
    position: absolute;
    z-index: 0;
    top: 20px;
    left: 0;
    right: 29px;
    text-align: center;
    width: 65px;
    margin: 0 auto;
    overflow: hidden;
    /*height: 100%;*/
}

.circle-back img
{
    /*width: 60px;*/
    height: 584px;
}

.cover-page
{
    width: auto;
}

.book-right-side
{
    /*background: url("../images/yellow.png");*/
    margin-right: 49px;
}


/*.book-left-side*/
/*{*/
    /*background: url("../images/hearts.png");*/
/*}*/

/*.book-right-side img*/
/*{*/
    /*background: #e9da58;*/
/*}*/

/*.second-page img*/
/*{*/
    /*background: #f9f3df;*/
/*}*/

.cover-page-block img
{
    background: #ebcdc2;
}

.content
{
    background: #fcf5d7;
    /*background-size: contain;*/
    /*width: 100%;*/
    /*height: 100%;*/
    position: absolute;
    top: 193px;
    left: 0;
    right: 0;
    text-align: center;
}

.left-side-clr svg,
.right-side-clr svg
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    /*margin: 0 -10px;*/
    margin: 0 auto;
}

.cover-page-block svg
{
    margin: 0 auto;
    overflow: visible;
}

.right-side-clr text,
.left-side-clr text
{
    font-family: 'BentonModDisp-Black';
    font-weight: bold;
    font-size: 20px;
    color: rgb(43 52 91);
    /*background: #9E9E9E;*/
    /*opacity: 0.2;*/
}

/*.left-side-clr  p
{
    color: rgb(43 52 91);
}*/

.left-side-clr  p, .left-side-clr p textarea
{
    color: rgb(43 52 91);
}

.last-txt text
{
    font-size: 14px;
}

.book-chaps a:hover
{
    text-decoration: none;
}

.zoom-bt
{
    /*cursor: pointer;*/
}

#page2
{
    display: none;
}

.more-actions-right-side .dropdown-item.active,
.more-actions-right-side .dropdown-item:hover
{
    background-color: transparent;
    border: none;
    color: #25305D;
    outline: none;
}

.spred2 img
{
    background: #faf4d7;
}

.tag-line
{
    font-size: 13px;
    z-index: 999;
}

/*.spred2 svg:first-of-type*/
/*{*/
    /*background: #e8e3cc;*/
    /*margin-top: 28px;*/
/*}*/

/*.spred2 .tag-line*/
/*{*/
    /*margin-top: 34px;*/
/*}*/

.photo-editor .modal-dialog
{
    max-width: 1050px;
    height: 625px;
}

.photo-editor .nav-tabs,
.photo-editor .nav-link
{
    border: none;
}

.photo-editor .modal-header
{
    padding: 0;
    background: #FAFAF9;
    border-radius: 5px;
}

.photo-editor .nav-link
{
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #25305D;
    font-size: 15px;
    /*font-weight: bold;*/
    padding: 20px 31px;
}

.photo-editor .nav-link img
{
    position: relative;
    right: 5px;
}

.photo-editor .nav-link.active
{
    background: #90AA94;
    border-radius: 5px 0px 0px 0px;
    color: #fff;
}

.undo-actions a
{
    padding: 20px 32px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #F0F0F0;
}

.zoom-actions
{
    display: inline-block;
    text-align: center;
    margin: 12px auto;
}

.zoom-actions span
{
    font-size: 18px;
    color: #25305D;
    margin: 0 15px;
}

.photo-editor .close
{
    color: #25305D;
    opacity: unset;
    padding: 33px 40px;
}

.photo-editor button:focus
{
    outline: none;
}

.photo-editor .tab-content
{
    background: #E0E5E1;
    border-radius: 5px 0px 0px 0px;
    width: 287px;
    padding: 26px 20px;
    height: 100%;
    float: left;
}

.photo-editor .modal-body
{
    padding: 0;
    background: #fafaf9;
}

.adjust-filter
{
    margin-bottom: 10px;
}

.filter-widget
{
    margin-bottom: 34px;
}

.adjust-filter span
{
    font-family: 'Brown';
    font-size: 18px;
    color: #25305D;
    padding-left: 10px;
    vertical-align: middle;
}

.photo-editor .modal-body
{
    height: 558px;
}

.photo-editor .modal-content
{
    border-radius: 7px;
    border: none;
}

/*filter*/

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    background: #EEF3EF;
    border-radius: 3px;
    outline: none;
    /*opacity: 0.7;*/
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #90AA94;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.editor-save-bt
{
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 1.4px;
    background: #90AA94;
    border-radius: 3px;
    width: 122px;
    height: 50px;
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    padding: 15px;
    display: inline-block;
    /*margin: 60px 0 0;*/
    margin: 30px 0 0;
}

.adjust-filter p
{
    font-size: 14px;
    padding: 10px 0;
    color: #25305D;
}

.editor-img
{
    margin-top: 54px;
    text-align: center;
    display: block;
}

.gallery
{
    display: inline-block;
    /*margin-right: 65px;*/
    margin: 10px 33px 0 32px;
}

.add-pic
{
    cursor: pointer;
}

.gallery img
{
    width: 103px;
    height: 69px;
    object-fit: contain;
}

.gallery p
{
    font-size: 14px;
    text-align: center;
    color: #25305D;
    padding-top: 13px;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 103px;
    white-space: nowrap;
}

.add-page .card
{
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 9999999999;
    /*height: 474px;*/
    background-color: #fff;
    padding: 0;
    overflow: hidden;
}

.add-page h2
{
    font-size: 28px;
}

.add-page .main-heading span
{
    width: 140px;
    top: 23px;
}


.upload-pix
{
    border: 1px dashed #90AA94;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 34px;
    height: 192px;
    text-align: center;
    padding: 20px;
    position: relative;
    overflow-y: auto;
}

.left-pix-side,
.upload-block
{
    padding: 40px 50px;
}

.mid-gallery .upload-bt
{
    margin-top: 76px;
    /*margin-top: 118px;*/
}

.gallery-items .gallery span,
.images-block .gallery span
{
    font-size: 14px;
    color: #25305D;
    position: absolute;
    left: 60px;
    top: -5px;
}

.gallery-items .gallery,
.images-block .gallery
{
    position: relative;
}



    /*.upload-pix input[type=file]*/
/*{*/
    /*background: #90AA94;*/
    /*border-radius: 3px;*/
/*}*/

.upload-bt
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    background: #90AA94;
    border-radius: 3px;
    width: 190px;
    height: 50px;
    /*font-weight: bold;*/
    font-size: 15px;
    color: #FFFFFF;
    display: block;
    padding: 14px;
    margin: 22px auto 0;
    text-align: center;
}

.upload-bt img
{
    position: relative;
    right: 10px;
}

.upload-pix span
{
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #25305D;
    margin-top: 19px;
    display: block;
    width: 100%;
}

.share-insta
{
    margin-top: 57px;
}

.share-insta h6
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 17px;
    color: #25305D;
    margin: 0;
}

.insta-bt
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    background: #FAFAF9;
    border: 1px solid #DAE0DB;
    box-sizing: border-box;
    border-radius: 3px;
    width: auto;
   /* height: 50px;*/
    text-align: center;
    display: inline-block;
    padding: 12px 21px;
    margin-top: 17px;
    font-size: 15px;
    color: #25305D;
    position: relative;
}

.insta-bt img
{
    position: relative;
    right: 8px;
}

.upload-block
{
    background: #FAFAF9;
    height: 100%;
    position: relative;
}

.collapse-bt-close
{
    position: absolute;
    right: 68px;
    top: 43px;
    z-index: 9999;
}

.upload-block .main-heading span
{
    width: 120px;
}

.upload-options ul
{
    padding: 0;
}

.upload-options li
{
    list-style-type: none;
}

.upload-options li a
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    background: #90AA94;
    border-radius: 3px;
    /*width: 252px;*/
    width: 300px;
    height: 50px;
    text-align: center;
    padding: 11px;
    display: inline-block;
    margin-top: 35px;
    font-size: 15px;
    color: #FFFFFF;
}

.upload-options li a img
{
    position: relative;
    right: 3px;
}

/*.existing-gal*/
/*{*/
    /*background: #90AA94 !important;*/
/*}*/

.dir
{
    background: #FFFFFF !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.03);
    color: #25305D !important;
}

.upload-options li .gal-info
{
    font-family: 'Brown';
    font-size: 14px;
    color: #25305D;
    padding-left: 20px;
    width: 243px;
    display: inline-block;
    vertical-align: middle;
}

.upload-alert span,.upload-alert_error span,.upload-alert-one span
{
    font-size: 14px;
    color: #F23737;
}

.upload-alert,.upload-alert_error,.upload-alert-one
{
    background: #FEF7F7;
    border: 1px solid #F23737;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 5px;
    padding: 0 5px 5px 5px;
}

.gallery-img
{
    text-align: left;
    position: relative;
}

.gallery-del
{
    position: absolute;
    top: -12px;
    left: 85px;
}

.upload-gallery-bt
{
    position: sticky;
    bottom: 0;
    right: 0;
    float: right;
    margin-top: 26px;
}

.upload-btns
{
    position: relative;
    top: 3px;
}

.gallery-add-widget .card
{
    height: 481px;
}

.gallery-widget .main-heading
{
    text-align: center;
    margin-top: 35px;
}

.gallery-widget .main-heading span
{
    margin: 0 auto;
    width: 280px;
}

.gallery-back-bt
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    /*font-weight: bold;*/
    font-size: 16px;
    color: #25305D;
    margin: 45px 55px;
    display: inline-block;
}

.back-gal span
{
    position: absolute;
    top: 45px;
    left: 95px;
}

.gallery-back-bt img
{
    position: relative;
    right: 10px;
    top: -1px;
}

.mid-gallery
{
    text-align: center;
}

.exist-gallery
{
    width: 100%;
}

.gallery-items
{
    margin-top: 63px;
}

.gallery-create .mid-gallery .main-heading span
{
    width: 235px;
}

.gallery-title
{
    margin-top: 90px;
}

.gallery-title input
{
    border: none;
}

.gallery-title input[type=text]
{
    width: 403px;
    margin: 0 auto;
    border-bottom: 1px dashed #3E476F;
    font-size: 18px;
    color: #25305D;
}

.gallery-title .form-control:focus
{
    /*border: none;*/
    box-shadow: none;
}

.pages-widget .mid-gallery .main-heading span
{
    width: 405px;
}

.page-counter
{
    margin-top: 46px;
}

.page-counter .form-group input
{
    font-weight: bold;
    font-size: 18px;
    color: #25305D;
    width: 150px;
    height: 50px;
    text-align: center;
    border-color: #90AA94;
    border-radius: 3px;
    margin: 0 13px;
    background: #fff;
}

.page-counter .form-group
{
    display: inline-block;
    margin-bottom: 0;
}

.per-page
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 14px;
    text-align: center;
    color: #25305D;
    margin: 0;
}

.in-page
{
    margin-top: 17px;
}

.page-info
{
    margin-top: 24px;
    /*margin-bottom: 13px;*/
    display: inline-block;
}


.total-page h3
{
    font-size: 30px;
    color: #25305D;
}

.mid-gallery .add-new-page-bt
{
    margin-top: 37px;
    background-color: #F3BD54;
}

.total-page
{
    margin-top: 25px;
}

/*online*/

.online-book
{
    text-align: center;
    border-top: 1px solid #F0F0F0;
    padding-top: 40px;
}

.online-block .main-heading span,
.my-book-widget .main-heading span,
.all-books .main-heading span
{
    margin: 0 auto;
}

.all-books .main-heading span,
.my-book-widget .main-heading span
{
    /*width: 155px;*/
    width: 118px;
}

.online-block .main-heading span
{
    /*width: 105px;*/
    width: 78px;
}

.online-block .main-heading p
{
    font-size: 15px;
    color: #25305D;
    margin: 22px 0 46px;
}

.my-book-widget
{
    background: #FAFAF9;
    /*height: 331px;*/
    width: 100%;
    /*text-align: center;*/
    padding: 35px 0;
}

.my-book-widget .book-widget
{
    margin-top: 47px;
}

.my-book-name h5
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 20px;
    color: #25305D;
    margin: 20px 0 0;
}

.all-books
{
    margin: 46px 0;
}

.ver-content p
{
    font-size: 15px;
    text-align: center;
    color: #25305D;
    margin: 15px 0 0;
}

.bot-border
{
    width: 26px;
    border-bottom: 3px solid #90AA94;
    border-radius: 2px;
    display: inline-block;
}

.ver-content h6
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 18px;
    color: #25305D;
    margin: 7px auto 27px;
    width: 194px;
}

.ver-content a
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.8px;
    background: #FAFAF9;
    border: 1px solid #90AA94;
    box-sizing: border-box;
    border-radius: 3px;
    width: 193px;
    height: 45px;
    display: block;
    margin: 0 auto;
    padding: 9px;
    /*font-weight: bold;*/
    font-size: 17px;
    color: #25305D;
}

.version-main-block
{
    margin-bottom: 46px;
}

.overview-page
{
    border-top: 1px solid #F0F0F0;
    /*background: linear-gradient(to right, #FAFAF9 50%, #fff 70%);*/
    /*height: calc(100% - 89px);*/
}

/*.main-shop,*/
/*.main-shop .overview-right-content*/
/*{*/
    /*height: calc(100vh - -130px);*/
/*}*/

.overview-block
{
    /*background: #FAFAF9;*/
}

.overview-left-block .gallery-back-bt
{
    margin: 48px 15px 0;
}

.book-img
{
    position: absolute;
    top: 50px;
    background: #F0F0F0;
    height: auto;
    text-align: center;
    padding: 61px 0 72px;
    margin-left: 17px;
}

.book-examples
{
    position: relative;
    top: 52px;
    /*margin-left: 103px;*/
}

.single-img
{
    /*display: inline-block;*/
    /*margin-bottom: 20px;*/
    overflow: hidden;
    width: 62px;
    height: 62px;
    /*margin-bottom: 15px;*/
}

.single-img img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    /*transform: scale(2.5);*/
}

.online-ver-content
{
    padding-top: 45px;
    margin-bottom: 50px;
}

.main-head-ver p
{
    font-size: 15px;
    color: #25305D;
    margin: 0;
    padding-bottom: 7px;
    display: inline-block;
    border-bottom: 3px solid #90AA94;
    border-radius: 2px;
    text-transform: lowercase;
}

/*.main-head-ver span*/
/*{*/
    /*border-bottom: 3px solid #90AA94;*/
    /*border-radius: 2px;*/
    /*width: 82px;*/
    /*display: inline-block;*/
/*}*/

.overview-book-name h4
{
    font-size: 24px;
    color: #25305D;
    /*width: 435px;*/
    margin: 25px 0;
}

/*.overview-book-name h4:nth-last-child(2)*/
/*{*/
    /*font-family: "Roboto";*/
    /*font-weight: 500;*/
    /*letter-spacing: 1.8px;*/
/*}*/

.main-shop .overview-book-name h4
{
    font-family: 'Brown';
    font-weight: normal;
    letter-spacing: unset;
}

.tax-info
{
    font-size: 12px;
    color: #25305D;
    margin-left: 6px;
    font-weight: normal;
}

.overview-book-name p
{
    font-size: 14px;
    color: #25305D;
    margin-top: 15px;
    /*width: 435px;*/
}

.personal,
.sample
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.8px;
    border-radius: 3px;
    text-align: center;
    box-sizing: border-box;
    /*font-weight: bold;*/
    font-size: 15px;
    height: 50px;
    display: inline-block;
}

.personal
{
    background: #F3BD54;
    width: 304px;
    display: block;
    color: #fff;
    padding: 14px;
}

.sample
{
    border: 2px solid #90AA94;
    margin-left: 20px;
    width: 170px;
    color: #90AA94;
    vertical-align: bottom;
    padding: 12px;
}

.overview-actions
{
    margin-top: 45px;
    display: inline-block;
}

.product-title
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 18px;
    color: #25305D;
    display: block;
}

.uper-chev
{
    margin-left: 50px;
}

.product-block
{
    margin-top: 48px;
    /*margin-bottom: 197px;*/
}

.product-block .collapse
{
    border-top: 1px solid rgba(37, 48, 93, 0.1);
}

.product-block .card-body
{
    padding: 0;
}

.product-block .card
{
    background: transparent;
    padding-bottom: 20px;
}

.product-block ul,
.chapter-block ul
{
    padding: 0;
    list-style-type: none;
}

.product-block ul li,
.product-block p
{
    font-family: 'Brown';
    letter-spacing: 1.4px;
    font-size: 14px;
    color: #25305D;
}

.size-book
{
    margin-top: 30px;
}

.overview-right-content
{
    /*background-color: #fff;*/
    /*padding-left: 132px;*/
    padding-left: 24px;
    /*height: calc(100vh - 89px);*/
}

.overview-book-name span
{
    font-family: 'Brown';
    font-weight: normal;
    letter-spacing: unset;
    font-size: 12px;
    color: #25305D;
}

.shop-book-name
{
    margin-bottom: 0 !important;
}

.buy-bt
{
    background: #90AA94;
}

.chap-title
{
    text-transform: lowercase;
}

.chap-title,
.chapter-block .chapter-name
{
    font-family: "Brown";
    font-weight: 400;
    /*font-weight: bold;*/
    font-size: 16px;
    color: #25305D;
}

.chapter-block .chapter-name
{
    font-weight: normal;
    width: 255px;
    display: inline-block;
    padding-bottom: 5px;
    text-transform: lowercase;
}

.chapter-block .chap-pages
{
    font-size: 14px;
    color: rgba(62, 71, 111, 0.6);
    margin-left: 20px;
    text-transform: lowercase;
}

.chapter-check .custom-control
{
    display: inline;
}

.chapter-block li
{
    padding-bottom: 5px;
}

.color-options span
{
    border: 1px solid #A9ADBB;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 6px;
}

.color-options .opt-1
{
    background: #DC9D89;
}

.color-options .opt-2
{
    background: #B0C1BC;
}

.color-options .opt-3
{
    background: #FFFFFF;
}

.color-options .opt-4
{
    background: #3E476F;
}

.color-options .opt-5
{
    background: #DE8ED1;
}

.color-options
{
    margin-bottom: 15px;
}

.custom-control-input input[type=checkbox],
.custom-control-label::before
{
    width: 25px;
    height: 25px;
}

.custom-control-input:checked~.custom-control-label::before
{
    width: 25px;
    height: 25px;
    border: 1px solid rgba(176, 193, 188, 0.4);
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #90AA94;
}
.custom-control-input:checked~.custom-control-label::after
{
    width: 25px;
    height: 25px;
}

.custom-control-input
{
    width: 25px;
    height: 29px;
}


.edit-photo img
{
    position: relative;
    left: 13px;
    top: -2px;
}

.added-cart
{
    width: 115px;
    text-align: left;
    display: inline-block;
}

/*book mobile sc*/

.mobile-sidenav .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #FDFBEC;
    overflow-x: hidden;
    transition: 0.5s;
}

.mobile-sidenav .sidenav .chap-names a {
    font-family: "Brown";
    padding: 8px;
    text-decoration: none;
    font-size: 20px !important;
    color: #25305D;
    display: block;
    text-align: left;
    font-weight: 700;
}

/*.side-close span*/
/*{*/
    /*position: relative;*/
    /*top: -3px;*/
/*}*/

.sidenav-chapter
{
    display: none;
}

.sidenav-pages {
    display: block;
}

.sidenav-chapter-only .sidenav-chapter
{
    display: block;
}

.sidenav-chapter-only .sidenav-pages
{
    display: none;
}

/*.check-chap*/
/*{*/
    /*!*width: 14px;*!*/
    /*display: inline-block;*/
    /*position: relative;*/
    /*right: 15px;*/
/*}*/

.mobile-sidenav .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px !important;
    margin-left: 50px;
    color: #3E476F;
}

.main-sidenav .sidenav
{
    padding-top: 80px;
    z-index: 99999;
}
.main-sidenav .sidenav a
{
    font-size: 15px;
}


.main-sidenav .lang-select
{
    margin-left: 30px;
    text-align: center;
    padding: 0;
}

.main-sidenav .lang-select a
{
    padding: 12px 0;
}

.main-sidenav .side-profile-bt
{
    margin-left: 30px;
    display: table;
}

.main-sidenav .side-profile-bt,
.main-sidenav .lang-select
{
    margin-top: 25px;
    width: 110px;
}

.main-sidenav .side-profile-bt a
{
    padding: 10px 0;
    display: table-cell;
    vertical-align: middle;
}

.main-sidenav .lang-select .dropdown-menu
{
    min-width: auto;
    text-align: center;
}

.main-sidenav .main-navbar .nav-item
{
    margin-right: 0 !important;
}

.mb-page-layouts .side-list-item
{
    padding: 10px 0;
}

.mb-page-layouts .sidebar
{
    text-align: center;
}

.chapter-top-bar
{
    margin-bottom: 41px;
}

.collapse_drop{
    background-color:rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.pages-widget
{
    margin: 0 auto;
}

.mid-gallery hr
{
    width: 50%;
}

.collapse_drop
{
    background-color: rgba(31, 34, 46, 0.6);
    opacity: 0.5;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.bottom-bar
{
    background: #90AA94;
    border-radius: 0px 0px 5px 5px;
    /*transform: matrix(-1, 0, 0, 1, 0, 0);*/
    height: 50px;
    padding: 10px 20px;
}

.photo-ed-close
{
    float: left;
}

.editor-title
{
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
}

.editor-save
{
    float: right;
}

.font-listing
{
    padding-top: 35px;
}

.gallery-list
{
    padding-top: 28px;
}

.gallery
{
    padding-bottom: 28px;
}

.fam-tree-page img
{
    background: #aac2bc;
}

.text-block img
{
    position: absolute;
    left: 0;
    top: 0;
    /*z-index: -1;*/
}

/*.form-wrapper
{
    position: relative;
}*/

.form-wrapper input:focus,
.form-wrapper textarea
{
    outline: none;
    background: transparent;
    resize: unset;


}

.form-wrapper input::placeholder,
.form-wrapper textarea::placeholder
{
   /* font-family: 'BentonModDisp-Black';*/
    font-weight: normal;
 /*   font-size: 12px;*/
    /*color: #22315c;*/


    color: gray;
}

.form-wrapper input[type=text]:hover,
.form-wrapper textarea:hover
{
    background: #E4F4E7;
}

.form-wrapper input[type=text],
.form-wrapper textarea
{
    position: absolute;
    top: 0;
    display: inline-block;
    z-index: 99;
    /*background: transparent;*/
    /*background: rgba(228, 244, 231, 0.4);*/
    background: rgba(158, 158, 158, .2);
    border: none;
    /*border: 1px solid rgba(228, 244, 231, 0.4);*/
    text-align: center;
    width: 100%;
    font-family: 'BentonModDisp-Black';
    /*font-weight: bold;*/
    font-size: 20px;
    color: #22315c;
}

.form-wrapper input:focus,
.form-wrapper textarea:focus
{
    background: transparent;
    border: 1px solid #66A2FB;
    /*background: rgba(228, 244, 231, 0.4);*/
}

.form-wrapper textarea
{
    font-size: 12px;
    text-align: left;
    /*width: 406px;*/
    /*height: 446px;*/
    line-height: 1.72;
    margin-left: 43px;
    color: #25305D;
}

.right-side-clr .form-wrapper textarea
{
    margin-left: 38px;
}


/*.frst-page input*/
/*{*/
    /*height: 135px;*/
/*}*/

/*.denne-title input[type=text]*/
/*{*/
    /*height: 100%;*/
/*}*/

.denne-title input[type=text],
.frst-page input[type=text]
{
    /*border-bottom: 1px dotted #22315c !important;*/
    max-width: 56%;
    width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.text-adjust input[type=text]
{
    max-width: 65%;
}

.text-adjust-area input[type=text]
{
    max-width: 75%;
}

.text-full-area input[type=text]
{
    max-width: 100%;
}

.book-section .zoomable,.preview-book .zoomable
{
    outline: none;
    overflow: hidden;
    height: 100%;
}

.page-left-3 .main-back img
{
    background: #fffce9;
}

.page-right-3 .main-back img
{
    background: #e2ccc1;
}

.test-heading
{
    height: 20px;
    margin-left: 9.2%;
}

.main-book-widget
{
    /*margin-top: 53px;*/
    /*margin-top: 15px;*/
    /*margin-left: 100px;*/
}

.cover-page-block text
{
    font-size: 50px;
}

.spinner-border
{
    color: #90aa94;
}

.book-section .spinner-border
{
    color: #90aa94;
    margin-top: 10px;
    text-align: center;
}

.upload-options .spinner-border
{
    position: relative;
    top: 12px;
}

.mid-gallery .spinner-border,
.mid-gallery .upload-bt
{
    display: inline-block;
}

.exist-gallery .upload-bt
{
    display: block;
}

.mid-gallery .spinner-border
{
    position: relative;
    top: 10px;
}

.main-load
{
    display: inline-block;
    position: relative;
    top: 10px;
}

.dull-bt a
{
    background: #f7dca7;
}

/*.add-photo .card-body*/
/*{*/
    /*z-index: 9999;*/
/*}*/

.main-zoom-block
{
    position: absolute;
    /*width: 2200px;*/
}

.scroll-block
{
    position: relative;
    z-index: 99;
}

.fam-tree-text
{
    width: 100%;
}
.fam-tree-length input[type=text]
{
    max-width: unset;
}
.expand-bot
{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 20px;
}

.fold-galery span
{
    margin-left: 15px;
}

.fold-galery span,
.tab-back-bt
{
    /*font-weight: bold;*/
    font-size: 16px;
    color: #25305D;
}

.fold-galery span
{
    position: relative;
    top: 1px;
}

.tab-back-bt
{
    font-family: 'Roboto';
    font-weight: 500;
    letter-spacing: 1.4px;
    position: relative;
    top: 1px;
    left: 5px;
}

.top-gallery-action
{
    padding: 14px 0 0;
}

.cover-page-title
{
    margin-left: 18.7%;
}

.accordian-close-bt
{
    position: absolute;
    right: 60px;
    top: 5px;
    padding: 0 !important;
}

.accordian-close-bt.active
{
    background: transparent !important;
}

.undo-bt
{
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    text-align: center;
}

.delet-bt
{
    border-left: none !important;
}

.upload-pix-block img
{
    width: 96px;
    height: 64px;
    object-fit: cover;
}

.upload-pix-block
{
    margin-bottom: 15px;
}

.active-gallery
{
    font-weight: bold !important;
}

.gallery-items .active-main-gallery span
{
    top: 0;
}

.active-main-gallery
{
    border: 1px solid #66A2FB;
    padding: 5px;
}

.chap-border
{
    border: 1px solid #66A2FB;
}

/*.editor-img img*/
/*{*/
    /*height: 330px;*/
    /*object-fit: contain;*/
/*}*/

/*.cropper-container*/
/*{*/
    /*width: 70% !important;*/
    /*height: 360px !important;*/
    /*margin: 0 auto;*/
/*}*/

/*.cropper-crop-box,*/
/*.cropper-view-box*/

/*{*/
    /*height: 360px !important;*/
    /*top: -49px;*/
/*}*/

/*.cropper-canvas img {*/
    /*height: 360px !important;*/
/*}*/

/*.cropper-modal*/
/*{*/
    /*width: 100%;*/
    /*margin-left: 143px;*/
/*}*/

/*.cropper-bg {
    background-color: #fafaf9 !important;
    !*background-image: url("empty") !important;*!
}

.cropper-modal {
    background-color: #fafaf9 !important;
    opacity: 0 !important;
}

.fam-tree img
{
    outline: 2px solid #66A2FB;
}

.fam-tree-all img
{
    object-fit: cover;
}



/*.center-line*/
/*{*/
    /*position: absolute;*/
    /*!*width: 1px;*!*/
    /*text-align: center;*/
    /*margin: 0 auto;*/
    /*border-left: 1px solid;*/
/*}*/

.delet-book-bt
{
    font-family: "Roboto";
    font-weight: 500;
    letter-spacing: 1.4px;
    font-size: 14px;
    color: #F23636;
    position: relative;
    top: 3px;
}

.bent-font
{
    font-family: 'BentonModDisp';
    /*font-weight: 600;*/
}

.brwn-font
{
    font-family: 'BrownStd-Regular';
}

.lucda-font
{
    font-family: "LHANDW";
}

.bent-font,
.brwn-font,
.lucda-font
{
    /*font-weight: 600;*/
    font-size: 14px;
    text-align: center;
    color: #25305D;
    margin-top: 11px;
}

.highlight-font img
{
    border: 1px solid #90AA94;
}

.disabled_links
{
    background: rgba(144, 170, 148, 0.5);
}

.gallery-main-img
{
    position: absolute !important;
    left: 18px !important;
    top: 30px !important;
}

.gallery-main-img img
{
    width: 60px;
    height: 30px;
}

.mid-gallery .message-gallery-alert
{
    width: 300px;
    margin: 0 auto;
    padding: 0 ;
}

.exist-gallery .message-gallery-alert
{
    margin-top: 10px;
}

.layout-titiles h5
{
    font-size: 14px;
    color: #25305D;
    text-align: center;
}

.tree-hover-effect img:hover
{
    /*position: fixed;*/
    background: #E4F4E7;
    z-index: 2;
    /*width: 116px;*/
    /*height: 87px;*/
}

/*#image,#myCanvas{*/
    /*float:left;*/
/*}*/

/*#blur,#grayscale,#brightness,#contrast,#rotate,#invert,#opacity,#saturate,#sepia{*/
    /*width: 300px;*/
    /*margin: 15px;*/
    /*float:left;*/
/*}*/

.main-cover-border:hover
{
    border: none !important;
}

.frame-icon img
{
    outline: 2px solid #66A2FB;
}

.book-img img
{
    width: 100%;
    /*height: 100%;*/
    /*object-fit: cover;*/
}

.first-book img
{
    width: 145px;
    height: 123px;
    background: #DC9D89;
}

.layout-titiles
{
    padding: 15px 0;
}

.rotation-block
{
    margin-top: 16px;
}

.left-vector img,
.right-vector img
{
    width: 20px;
    height: 18px;
}

.left-vector,
.right-vector
{
    display: inline-block;
}

.light-dot
{
    background: #DAE0DB;
}

.light-dot,
.dark-dot
{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
}

.dark-dot
{
    background: #90AA94;
}

.degree-el
{
    font-family: 'Brown-Bold';
    font-size: 20px;
    color: #25305D;
}

.photo-edit-actions
{
    position: absolute;
    right: 35px;
    top: 8px;
}

.zoom-btns
{
    padding: 6px 15px 11px !important;
}

.preview-book
{
    background-color: #FAFAF9;
    /*background-image: url("../images/book-preview-bg.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 100%;*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100vh !important;
}

.preview-book .main-zoom-block
{
    width: 2000px;
}

/*.preview-book-bg*/
/*{*/
/*background-image: url("../images/preview-bg-img.svg");*/
/*background-repeat: no-repeat;*/
/*background-size: cover;*/
/*position: absolute;*/
/*left: 0;*/
/*right: 0;*/
/*top: 0;*/
/*bottom: 0;*/
/*background-position: center;*/
/*}*/

/*.background-preview-img img
{
    width: 100%;
    height: 100vh;
}*/

.background-preview-img
{
    position: absolute;
    top: -56px;
    left: -43px;
    right: 0;
    bottom: 0;
}

.left-page-preview
{
    left: 959px;
}

.left-page-preview,
.right-page-preview
{
    position: absolute;
    top: 80px;
}

.preview-book .book-left-side:hover,
.preview-book .book-left-side
{
    border: none;
}

.preview-book .tree-hover-effect img:hover
{
    background: transparent;
}

/*.left-page-preview img,*/
/*.right-page-preview img*/
/*{*/
    /*max-width: 393px;*/
    /*min-width: 393px;*/
/*}*/

.book-preview-bg
{
    position: absolute;
    top: 25%;
}

.menu-items .dropdown-menu
{
    transition: all 0.4s ease-in-out;
}

.menu-items:hover .dropdown-menu
{
    display: block;
    transition: all 0.4s ease-in-out;
}

.fam-tree
{
    border: 2px solid #66A2FB;
}

.mrgn-lft
{
    margin-left: 0;
}

.layout-new-page
{
    position: relative;
    top: 1px;
}

.social-sign span
{
    position: relative;
    top: 3px;
}

/*.preview-page*/
/*{*/
/*    position: absolute;*/
/*    top: 60px;*/
/*    left: 966px;*/
/*}*/

.preview-right-page-mrgn
{
    margin-left: 38px;
}

#app .toast
{
    z-index: 9;
}

.disabled_links
{
    background: rgba(37, 48, 93, 0.3) !important;
}

.print-menu a
{
    font-weight: normal;
    border-bottom: 1px solid #ccc;
}

.print-menu a:last-child
{
    background: transparent;
    color: #212529;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    border-bottom: none;
}

.print-opt:hover,
.print-menu a:hover
{
    background: transparent !important;
    color: #212529 !important;
}

.is-loading-request .pre-request-loading {
    display: block !important;
}

.pre-request-loading {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999999999999;
    background-color: rgba(255,255,255,.8);
    text-align: center;
    padding-top: 40vh;
    display: none;
}

.pre-request-loading-vue {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999999999999;
    background-color: rgba(255,255,255,.8);
    text-align: center;
    padding-top: 40vh;
}

.spiral
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

.preview-book .main-book-backside
{
    margin-right: 0;
    margin-top: -14px;
}

.border_cover{
    border: 3px solid #007bff !important;
}

.photo-edit-actions a:hover
{
    background: #90AA94 !important;
}

.photo-edit-actions a
{
    border: none !important;
    margin-right: 30px !important;
}

.forgot-bt
{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1.4px;
    color: #25305D;
    text-decoration-line: underline;
    float: right;
    margin-bottom: 25px;
}

.pass-field
{
    margin-bottom: 7px !important;
}

.forgot-widget .signin-block
{
    /*height: 330px;*/
    padding: 29px 76px;
}

.forgot-widget .main-heading span
{
    width: 265px;
    top: 31px;
}

.forgot-widget .main-heading h2
{
    font-size: 35px;
}

.forgot-back
{
    position: absolute;
    top: 30px;
    left: 40px;
}

.resend-email
{
    text-align: center;
    border-top: 2px solid rgba(37, 48, 93, 0.1);
    margin-top: 42px;
    padding-top: 33px;
}

.resend-email p
{
    font-size: 16px;
    color: #25305D;
    margin-bottom: 0;
    display: inline-block;
}

.resend-icon
{
    margin: 30px 0;
}

/*.forgot-widget .resend-email-block*/
/*{*/
/*    height: 589px;*/
/*}*/

.resend-bt
{
    font-weight: 700;
    font-size: 18px;
    color: #25305D;
}

.email-info
{
    color: #787C8C !important;
}

.disable-bt
{
    background: #CECECE;
}

.signup .btn-primary:not(:disabled):not(.disabled):active
{
    background: #90AA94;
}

.signup .btn-primary:not(:disabled):not(.disabled):active:focus
{
    box-shadow: none;
}

.signup .btn-primary.focus,
.signup.btn-primary:focus
{
    background: #90AA94;
    border-color: unset;
    box-shadow: none;
}

.success-widget .signin-block
{
    height: 250px;
}

.success-widget p
{
    padding-top: 60px;
}

.success-widget .main-heading span
{
    width: 130px;
}

.green-clr
{
    background: #b0c1bc !important;
}

.login-sc .main-heading span
{
    width: 70px;
}

.text-ninety-area input[type=text]
{
    max-width: 87%;
}

/* new profile*/

.profile-title,
.logout-bt
{
    display: inline-block;
}

.logout-bt
{
    float: right;
    padding-top: 5px;
}

.profile-title h5
{
    font-size: 15px;
    color: #25305D;
    border-bottom: 2px solid #90AA94;
    border-radius: 2px;
    padding-bottom: 7px;
    text-transform: lowercase;
}

.logout-bt a
{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 14px;
    color: #F23737;
    text-decoration: underline;
    letter-spacing: 1.4px;
    float: right;
}

.profile-head
{
    border-bottom: 2px solid #DAE0DB;
    padding: 47px 0 25px;
}

.profile-block-widget .form-inputs input
{
    width: 353px;
    display: inline-block;
}

.profile-block-widget .profile-save-bt
{
    float: right;
    font-size: 15px;
    color: #25305D;
    font-weight: bold;
    padding-top: 15px;
}

.load-more
{
    text-align: center;
    color: #25305D;
    z-index: 9;
    display: block;
    border: 1px solid #25305D;
    width: 120px;
    height: 30px;
    margin: 30px auto;
}

.profile-input-title
{
    font-size: 24px;
    color: #25305D;
    width: 200px;
    display: inline-block;
    text-transform: lowercase;
}

.profile-table thead
{
    border-top: 2px solid #DAE0DB;
    border-bottom: 2px solid #DAE0DB;
}

.profile-table thead th
{
    font-size: 24px;
    font-weight: normal;
    color: #25305D;
    padding: 30px 0 35px;
    line-height: 0;
    text-transform: lowercase;
}

.profile-table tbody td
{
    color: #25305D;
    font-size: 16px;
    padding: .75rem 0;
    text-transform: lowercase;
}

/*.profile-block-widget*/
/*{*/
    /*margin: 0 60px 0 20px;*/
/*}*/

.profile-head .col-12
{
    padding: 0;
}

.overview-link
{
    color: #90aa94;
}

.chapters-name
{
    width: 300px;
    display: inline-block;
}

.chapter-edit-btn
{
    display: block;
    margin-bottom: 15px;
}

.profile-chap-edit
{
    font-size: 16px;
    color: #25305D;
    position: relative;
    top: 2px;
    text-transform: capitalize;
}

.profile-table-btn
{
    font-weight: bold;
    font-size: 15px;
    color: #25305D;
}

.profile-table-btn:last-child
{
    padding-left: 35px;
}

.table-last-item
{
    float: right;
}

.chapter-pages-count
{
    color: rgba(62, 71, 111, 0.6) !important;
    font-size: 14px !important;
}

.preview-title
{
    font-size: 10px;
    color: #25305D;
    padding-left: 9px;
}

.preview-action
{
    border-left: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}

.undo-title
{
    font-size: 10px;
    color: #25305D;
    text-align: center;
    padding-top: 13px;
}

.redo-btn
{
    margin-left: -5px;
}

.edit-photo
{
    left: -5px;
    padding: 8px 17px 10px 25px;
}

.bg-color .color-title
{
    position: relative;
    top: -3px;
}

.bg-color,
.edit-photo
{
    position: relative;
    top: -8px;
}

.cover-album-title
{
    font-size: 18px;
    color: #25305D;
    margin: 25px 0 15px;
}

.active-cover
/*.cover-block:hover*/
{
    border-color: #90AA94 !important;
}

.no-album
{
    vertical-align: middle;
    color: #25305D;
}

.no-album span
{
    font-size: 14px;
    padding: 35px 0;
    display: block;
}

.cover-block
{
    margin-right: 20px;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 3px;
    width: 120px;
    height: 100px;
    text-align: center;
    padding: 3px 0;
}

.main-head-ver .dropdown-menu
{
    width: 283px;
    height: auto;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 20px;
    padding-bottom: 0;
    border-color: #90aa94;
    margin: 10px -112px;
}

.main-head-ver .dropdown-menu a
{
    padding: 0 0 15px;
    font-size: 14px;
    color: #25305D;
}

.shop-chap-edit
{
    position: relative;
    top: 1px;
    left: 60px;
}

.main-head-ver .progress-bar,
.main-head-ver .progress
{
    height: 3px;
}

.main-head-ver .progress
{
    width: 110px;
}

.shop-chap-prog
{
    width: 150px;
    display: block;
}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item:hover
{
    background-color: transparent;
    color: #25305D;
}

.polygon img
{
    width: 20px;
    height: 20px;
    object-fit: cover;
}

.polygon
{
    position: absolute;
    top: -23px;
    right: 14px;
}

.pro-progress-caret
{
    margin-top: 12px;
}

.profile-table
{
    margin-top: 30px;
}

.chapter-edit-btn .book-page-count
{
    color: rgba(62, 71, 111, 0.6);
    font-size: 14px;
    text-transform: lowercase;
}

.overview-block .col-lg-7
{
    padding-right: 0;
}

.overview-title-tagline
{
    font-size: 14px;
    color: #25305D;
}

.active-galery-img
{
    border: 2px solid #000000;
}

.book-amount
{
    font-size: 24px !important;
    margin-top: 10px;
    display: inline-block;
}

.zoom-btns img
{
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.lg-action-bar .action-block
{
    height: 42px;
}

.lg-action-bar
{
    height: 42px;
}

.overview-my-pages
{
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1.4px;
    color: #90AA94;
    padding-left: 12px;
    position: relative;
    top: 1px;
}

.my-pages-bt
{
    margin-bottom: 38px;
    display: block;
}

.action-block .tooltips .tooltiptext
{
    left: -50%;
}

.action-block .tooltips .tooltiptext::after
{
    left: 33%;
}

.expand-items .tooltips .tooltiptext
{
    left: -895%;
}

.expand-items .tooltips .tooltiptext::after
{
    left: 92%;
}

.loading-txt
{
    font-weight: bold;
    font-size: 23px;
    color: #25305D;
    text-align: center;
    letter-spacing: 0.025em;
    text-transform: lowercase;
    padding-top: 20px;
    z-index: 9999;
}

.image-stroke img
{
    border: 2px solid #66A2FB;
}

.with-opt span
{
    color: #25305D;
}

.book-img video
{
    width: 100%;
    height: 100%;
}

.uper-chev img
{
    width: 13px;
    object-fit: contain;
}

.add-photo-main-heading
{
    padding-bottom: 6px;
}

.navbar-brand img,
.book-logo  img
{
    width: 140px;
    height: 41px;
    object-fit: cover;
}

.instagram-gal
{
    z-index: 9999999999;
}

.instagram-gal .modal-body
{
    overflow-y: auto;
    max-height: 340px;
}

.instagram-gal .modal-content
{
    height: 500px;
}

.insta-gallery img
{
    width: 89px;
    height: 60px;
    object-fit: contain;
}

.insta-gallery
{
    margin: 0 10px 10px;
    position: relative;
}

.error-alert
{
    padding: 10px;
}

.error-signin
{
    margin-top: 43px;
}

.left-tip .tooltiptext::after
{
    left: 4%;
}

.left-tip  .tooltiptext
{
    left: 60px;
}

.right-tip .tooltiptext::after
{
    left: 93%;
}

.right-tip  .tooltiptext
{
    left: -1400%;
}

.signup-back
{
    top: 33px;
}

.signup-header
{
    border: none;
    /*padding: 40px 0;*/
    position: relative;
    z-index: 999999;
}

.signup-header .bg-cover-img img {
    height: 100vh;
}

.signup-header .bg-cover-img
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.signup-header main
{
    position: relative;
    z-index: 9;
}

.signup-header .navbar-light .navbar-nav .nav-link
{
    color: #fffef1;
    font-size: 14px;
}

.signup-header .navbar-brand img
{
    max-width: 260px;
    width: auto;
    height: auto;
    object-fit: unset;
}

.signup-header .lang-select .nav-link,
.signup-header .lang-select .dropdown-item
{
    color: #25305d !important;
    font-size: 18px !important;
}

.signup-header .lang-select .dropdown-item:hover,
.signup-header .lang-select .dropdown-item.active,
.logged-top .lang-select .dropdown-item:hover,
.logged-top .lang-select .dropdown-item.active
{
    background: #1d96fd;
    color: #fff !important;
}

.signup-header .lang-select .dropdown-item
{
    padding: 0 12px !important;
    font-family: "Brown-Regular" !important;
    font-size: 16px;
}



.signup-header .lang-select .drop-caret
{
    vertical-align: text-top;
}

.signup-header .lang-select a
{
    padding: 6px 0 !important;
}

.signup-header .lang-select .dropdown-menu
{
    padding: 4px 10px !important;
    border-radius: unset;
    top: 97%;
    left: -2px;
}

.signup-header .menu-items a
{
    border-bottom: 1px solid transparent;
}

.signup-header .menu-items
{
    padding: 8px 13px;
}

.drop-layout .drop-caret
{
    vertical-align: top;
    padding-left: 10px;
}

.drop-caret
{
    font-size: 12px;
}

/*.signup-header .dropdown-toggle*/
/*{*/
    /*padding: 10px 0;*/
/*}*/

.signup-header .dropdown-menu
{
    background: #f2f2ef;
    border-radius: unset;
    border: none;
    top: 89%;
    transition: all .2s ease;
}

.signup-header .drop-layout .dropdown-item
{
    font-family: "Brown-Regular" !important;
    color: #25305d;
    font-size: 16px;
}

.signup-header .dropdown-item:hover
{
    color: rgba(37, 48, 93, 0.75);
}

.signup-header .items-nav:hover
{
    color: rgba(255, 254, 241, 0.75) !important;
}

/*.drop-layout .dropdown-toggle:hover*/
/*{*/
    /*color: rgba(37, 48, 93, 0.75) !important;*/
/*}*/

.drop-layout:hover
{
    background: #f2f2ef;
}

.drop-layout:hover > a
{
    color: #25305D !important;
}

.drop-layout:hover > .bottom-line.universe-line
{
    width: 65px;
}

.drop-layout:hover > .bottom-line
{
    border-bottom: 1px solid #25305d;
    width: 50px;
    height: 10px;
    position: absolute;
    left: 22px;
    right: 0;
    z-index: 999999;
}

.signup-header .sidenav .closebtn
{
    font-size: 40px !important;
}

.signup-header .sidenav
{
    background-color: #f2f2ef;
}

.signup-header .lang-select .dropdown-toggle
{
    font-family: "Roboto" !important;
}

.signup-header .lang-select:hover
{
    outline: 1px solid #dddddd;
}

.signup-header .lang-select
{
    border-color: #fff;
    background-color: #f2f2ef;
    width: 63px;
    padding: 2px;
    /*margin: 0;*/
    height: 44px;
    border-radius: unset;
    margin-top: 5px;
}

.signup-header .main-navbar .nav-item
{
    margin-left: 0 !important;
}

.signup-header .drop-layout .dropdown-item
{
    padding: 10px 20px;
    letter-spacing: 0;
}

.signup-header .navbar-expand-lg .navbar-nav .nav-link
{
    /*padding: 9px 15px;*/
}

.bg-cover-imgs
{
    width: 100%;
    height: 100vh;
    overflow: auto;
    /*position: relative;*/
}

.bg-img-main
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.logged-top
{
    padding: 14px 0;
}

.instagram-gal .profile-save-bt
{
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    color:  #fff;
    font-size: 20px;
    background: #90AA94;
    width: 200px;
    margin: 0 auto;
    height: 50px;
    padding: 9px;
    border-radius: 3px;
}

.image-selected img
{
    width: 15px;
    height: 15px;
    object-fit: contain;
}

.image-selected
{
    position: absolute;
    top: -20px;
    right: 0;
}

.signup-container
{
    max-width: 1050px !important;
    padding: 0 30px;
    margin: 0 auto;
}

.signup-header .lang-select .dropdown-menu
{
    min-width: 65px;
    padding: 0 !important;
    border: 1px solid #25305d;
}

.lang-select .dropdown-menu a
{
    text-transform: uppercase;
}

.shop-items
{
    width: auto;
}

.universe-items
{
    width: 190px;
}

.items-nav img
{
    width: 17px;
    height: 28px;
}

.album-header h4,
.chap-main-title h4
{
    font-size: 24px;
    color: #25305D;
    margin: 0;
}

.chap-main-title
{
    padding: 10px 0;
}

.album-header
{
    border-top: 2px solid #DAE0DB;
    border-bottom: 2px solid #DAE0DB;
    padding: 15px 0;
}

.album-title h5
{
    font-size: 16px;
    color: #25305D;
    width: 114px;
    text-transform: lowercase;
}

.album-actions a
{
    font-size: 15px;
    color: #25305D !important;
    font-weight: bold;
}

.chap-content p,
.chapter-actions a
{
    font-size: 16px;
    color: #25305D;
    text-transform: lowercase;
}

.album-content
{
    padding: 14px 0;
}

.chapter-actions a
{
    margin-bottom: 12px;
    display: block;
}

.album-actions a
{
    display: block;
    margin-bottom: 10px;
}

.inner-search img
{
    width: 17px;
    height: 17px;
}

#insta_gallery .modal-dialog
{
    max-width: 705px;
}

.image-tab-info
{
    top: -1px;
}

.logged-top .lang-select .dropdown-menu
{
    min-width: 80px;
    padding: 0;
}

.insta-cross-bt img
{
    position: relative;
    right: 10px;
    top: 5px;
}

.insta-cross-bt
{
    position: absolute;
    z-index: 99;
}

.instagram-main-block
{
    position: relative;
}

.preview-editor
{
    padding: 14px !important;
    width: auto !important;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button
{
    -webkit-appearance: none !important;
    display: none !important;
    margin: 0 !important;
}

/*.book-zoom-actions*/
/*{*/
    /*border-right: 1px solid #F0F0F0;*/
/*}*/

/*.profile-block .form-group,*/
/*.profile-save-bt*/
/*{*/
    /*display: inline-block;*/
/*}*/

/*responsiveness*/


@media (max-width: 600px) {
    .signin-block
    {
        width: 100%;
        padding: 29px 30px 15px;
    }
    .pages-widget .collapse-bt-close
    {
        right: 0;
        top: 40px;
    }

    .page-info img
    {
        vertical-align: bottom;
    }

    .mid-gallery hr
    {
        width: 100%;
    }

    .left-pix-side, .upload-block
    {
        padding: 0;
    }

    .photo-add-mb .main-heading h2
    {
        padding: 20px 0 0;
    }

    .photo-add-mb .upload-pix
    {
        margin-top: 15px;
        padding: 0;
    }

    .photo-add-mb .main-heading
    {
        text-align: center;
    }

    .existing-mob-gal .main-heading span
    {
        top: 18px !important;
    }

    .photo-add-mb .card
    {
        height: 460px;
    }

    .share-insta
    {
        margin-top: 27px;
    }

    .upload-alert,.upload-alert_error
    {
        margin-top: 40px;
    }

    .photo-add-mb .more-up
    {
        padding: 10px;
        height: 120px;
    }

    .up-content .upload-bt
    {
        margin: 10px auto;
    }

    .upload-block .main-heading span
    {
        width: 95px;
    }

    .btn-padng
    {
        padding: 0;
        position: relative;
        top: 10px;
    }

    .collapse-block .collap-book-head
    {
        font-size: 14px;
        padding: 0;
    }

    .collapse-block .col-6
    {
        padding: 0;
    }

    .overview-page .container,
    .overview-page .col-sm-12.col-md-12.col-lg-5,
    .overview-page .col-sm-12.col-md-12.col-lg-7
    {
        padding: 0;
    }

    /*.overview-left-block,*/
    /*.overview-right-content*/
    /*{*/
        /*padding: 0 20px !important;*/
    /*}*/

    .single-img
    {
        margin-right: 5px !important;
    }

    .lising-actions img
    {
        right: 0;
    }

    .listing-widget::-webkit-scrollbar
    {
        width: 0 !important;
    }

    .bok-list .col-sm-12.col-md-12.col-lg-8
    {
        padding: 0;
    }

    .book-cart,
    .profile-bt
    {
        width: auto;
    }

    .bottom-widget .nav-tabs a, .bottom-widget .text-block, .bottom-widget .image-block, .bottom-widget .layout-block {
        padding: 9px 14px !important;
    }

    #new_layouts .main-heading h2
    {
        font-size: 16px;
    }

    #new_layouts .main-heading span
    {
        width: 235px;
        top: 12px;
    }

    .cover-block {
        margin-right: 0;
    }

    .no-album
    {
        vertical-align: baseline;
    }

}

/*@media (max-width: 408px) {*/
    /*.my-books*/
    /*{*/
        /*height: 700px !important;*/
    /*}*/

    /*.cart-widget*/
    /*{*/
        /*width: 100%;*/
    /*}*/
/*}*/

@media (max-width: 425px) {
    .insta-gallery
    {
        margin: 0 0 10px;
    }

    .instagram-gal .modal-body
    {
        padding: 20px 0;
    }
    html, body { overscroll-behavior-y: contain; }
}

@media (max-width: 414px) {
    .album-name
    {
        line-height: 1 !important;
    }

    .table-chap-name
    {
        line-height: 2 !important;
    }

    .profile-table tr th
    {
        padding: 10px 0;
    }

    .shop-chap-edit
    {
        left: 5px !important;
    }
    html, body { overscroll-behavior-y: contain; }
}

@media (max-width: 320px)
{
    .online-personal-bt
    {
        padding: 10px !important;
    }

    .last-menu-items-mb a:last-child {
        padding: 0 5px !important;
    }
    html, body { overscroll-behavior-y: contain; }

}

@media (max-width: 375px) {
    html, body { overscroll-behavior-y: contain; }
    .bottom-btns .chaps-book
    {
        margin-left: 10px !important;
    }

    .bottom-btns .new-layout
    {
        margin-right: 10px !important;
    }

    .book-img
    {
        width: 70%;
        padding: 46px 0;
    }

    /*.online-personal-bt*/
    /*{*/
        /*font-size: 12px;*/
        /*padding: 15px;*/
    /*}*/

    .signup-header .navbar-brand
    {
        text-align: left !important;
        margin: 0 50px;
    }
}

@media (max-width: 500px) {

    .mb-actions a,
    .color-title
    {
        padding: 10px !important;
    }

    /*.personal*/
    /*{*/
        /*font-size: 12px !important;*/
    /*}*/

    .personal,
    .sample
    {
        width: 100% !important;
        margin-left: 0;
    }

    .sample
    {
        margin-top: 20px;
    }

    .book-img
    {
        margin:  0;
    }

    .overview-left-block .book-img img
    {
        width: 100% !important;
    }

    .book-examples
    {
        margin-left: 0;
    }

    /*.single-img*/
    /*{*/
        /*margin-right: 0;*/
    /*}*/

    /*.lising-actions a:first-child*/
    /*{*/
        /*display: block;*/
    /*}*/

    .bottom-widget .nav-link
    {
        padding: 9px 32px !important;
    }

     .pages-widget .main-heading h2
     {
         width: 250px;
     }

     .main-heading h2
    {
        /*font-size: 20px;*/
        margin: 0 auto;
         z-index: 1;
    }

    /*.main-heading span*/
    /*{*/
        /*width: 92px !important;*/
        /*top: 15px;*/
    /*}*/

    .pages-widget .mid-gallery .main-heading span
    {
        width: 230px;
        top: 17px;
    }

    .pages-widget .collapse-bt-close
    {
        top: 20px;
    }

    .gallery-widget .main-heading span
    {
        width: 222px;
    }

    .collapse-bt-close
    {
        right: 15px;
        top: 20px;
    }

    .existing-gallery .card
    {
        height: 268px;
        overflow-y: auto;
    }

    .bottom-main-block
    {
        overflow-y: auto;
        background: #fff !important;
    }

    .gallery-title input[type="text"]
    {
        width: 100%;
    }

    .create-new-gal .mid-gallery .main-heading span
    {
        width: 190px;
    }

    .overview-actions
    {
        display: block;
    }

    .gallery
    {
        padding-right: 0 !important;
    }

    /*.gallery img*/
    /*{*/
        /*width: 90px;*/
    /*}*/

    .forgot-widget .signin-block
    {
        padding: 30px;
        height: auto;
    }

    .forgot-widget .main-heading h2
    {
        font-size: 20px;
    }

    .forgot-widget .main-heading span
    {
        width: 155px;
        top: 15px;
    }

    .success-widget .main-heading span
    {
        width: 75px;
    }

    .small_order .main-heading span
    {
        width: 132px !important;
        top: 22px !important;
    }

    .small_order .main-heading h2
    {
        font-size: 25px !important;
    }

    .order-close-btn img
    {
        width: 70%;
    }

    /*.small_order .modal-header*/
    /*{*/
    /*    margin-top: 0 !important;*/
    /*}*/

    .adjust-order-bt
    {
        margin: 35px auto 0 !important;
        width: auto !important;
    }

}

@media (max-width: 768px) {
    .main-book-block
    {
        text-align: center;
        padding-bottom: 40px;
    }

    .main-book-block .main-heading span,
    .my-books-list-block .main-heading span
    {
        margin: 0 auto;
    }

    .chap-info
    {
        margin: 15px auto;
        float: none;
    }

    .new-book a
    {
        margin: 0 auto 20px;
    }

    .acc-new-book
    {
        float: unset;
    }

    .my-book
    {
        text-align: center;
    }

    .profile-main-block
    {
        padding: 0;
        text-align: center;
    }

    .profile-main-block .main-heading span
    {
        margin: 0 auto;
    }

    .profile-bt
    {
        margin: 50px auto;
    }

    .listing-books-block
    {
        text-align: center;
    }

    .listing-widget .lising-actions
    {
        float: unset;
        padding: 0 17px;
    }

    /*.my-books .listing-widget*/
    /*{*/
        /*height: 485px !important;*/
    /*}*/

    /*.bok-list*/
    /*{*/
        /*height: 900px !important;*/
    /*}*/

    .main-heading p, .with-opt, .sign-acc
    {
        font-size: 14px;
    }

    .online-version-widget
    {
        margin-top: 40px;
    }

    .gallery
    {
        padding-right: 9px;
        padding-bottom: 0;
        margin: 10px 0 0;
    }

    .signup-header .navbar-brand img
    {
        max-width: 100%;
        max-height: 65px;
    }

    .small_order .order-desc p
    {
        width: auto !important;
    }

}

@media (max-width: 992px) {
    .book-img img {
        width: 100%;
    }

    .overview-page,
    .my-books {
        /*background-color: #fafaf9;*/
        background-image: unset;
    }

    .acc-block {
        height: 520px;
    }

    .overview-left-block {
        padding-bottom: 46px;
    }

    .overview-book-name h4 {
        width: auto;
    }

    .overview-book-name p {
        width: auto;
    }

    .cart-widget {
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: left;
        z-index: 999;
    }

    .lising-actions a {
        margin-right: 0;
    }

    .profile-main-block {
        height: auto;
    }

    .added-cart {
        width: auto;
        float: right;
    }

    .overview-page {
        /*height: calc(100vh - 220px);*/
        height: auto;
        /*text-align: center;*/
    }

    .prof-content {
        text-align: left;
    }

    .sidebar-nav h4 {
        font-family: 'Brown-Bold';
        display: inline-block;
        vertical-align: middle;
        padding-right: 25px;
        color: #B4B7C7;
        font-size: 18px;
    }

    .sidebar-nav li.active h4 {
        color: #fff;
    }

    .sidebar-nav li {
        list-style-type: none;
        cursor: pointer;
    }

    .sidebar-nav {
        padding: 0;
    }

    .side-top {
        text-align: left;
    }

    .side-top a:first-child {
        padding-top: 15px;
    }

    .bottom-btns {
        background: transparent;
        display: inline-block;
        width: 100%;
        height: 16%;
        position: fixed;
        bottom: 0;
        /*height: 100vh;*/
        /*overflow: hidden;*/
    }

    .book-mid-main {
        width: auto;
    }

    .mid-circle {
        margin: unset;
        text-align: left;
        right: 0;
        left: -45px;
    }

    .main-right-chap-block,
    .main-block {
        padding: unset;
        background: unset;
        border: none;
    }

    .expand-view {
        border-left: none;
        padding-left: 0;
        padding-right: 0;
    }

    #hide_photo {
        display: none !important;
    }

    .main-acc-widget .tabs-cont {
        padding: 20px 15px 0 !important;
    }

    .gallery-list {
        padding-top: 0;
    }

    .font-lib {
        width: 100%;
        text-align: left;
        margin: 0;
    }

    .layout-types {
        width: auto;
        text-align: center;
        padding: 0 7px;
    }

    .layout-types h5 {
        display: block !important;
        font-size: 12px;
    }

    .layout-types img {
        width: 50px;
        height: auto !important;
    }

    .font-lib a,
    .font-lib h5 {
        display: inline-block;
    }

    .font-lib h5 {
        margin-left: 10px;
    }

    .font-listing {
        padding-top: 21px;
    }

    .main-zoom-block {
        position: absolute;
        width: 650px;
        top: -20px;
    }

    .add-page .card {
        height: 460px;
        background: #fafaf9;
    }

    .add-page h2 {
        text-align: center;
    }

    .left-pix-side, .upload-block {
        padding: 20px 15px 0;
    }

    .add-page .main-heading span {
        width: 88px;
        top: 15px;
        margin: 0 auto;
    }

    .add-page h2 {
        font-size: 20px;
    }

    .upload-pix {
        margin-top: 10px;
    }

    .share-insta {
        margin-top: 30px;
    }

    .upload-options li .gal-info {
        font-size: 13px;
        margin: 0 auto;
        display: block;
        padding-bottom: 0;
    }

    .upload-block .collapse-bt-close {
        top: 20px;
    }

    .font-lib img {
        height: 45px;
    }

    .page-layouts img:first-of-type {
        border-right: none;
    }

    .show-mobile-sc {
        padding: 0;
    }

    .upload-options {
        position: absolute;
        left: 0;
        right: 0;
    }

    #create_gallery .card,
    #gallery .card {
        height: 268px;
    }

    .mid-gallery .upload-bt {
        margin-top: 28px;
    }

    .exist-gallery .upload-bt {
        margin-top: 15px;
    }

    .gallery-create .mid-gallery .main-heading span {
        width: 168px;
    }

    .gallery-create .main-heading {
        margin-top: 20px;
    }

    .exist-gallery .main-heading {
        margin-top: 0;
    }

    .gallery-items {
        margin: 0 19px;
        text-align: left;
    }

    .no-border {
        border-top: none !important;
    }

    .gallery-back-bt {
        margin: 18px 0 0 15px;
    }

    .exist-gallery .main-heading span {
        width: 200px;
    }

    .exist-gallery .gallery-items {
        height: 200px;
        overflow-y: scroll;
    }

    .main-acc-widget .tabs-cont {
        height: 209px;
        overflow: hidden;
    }

    .main-acc-widget .tabs-cont-expand-more {
        height: 488px !important;
        overflow-y: scroll;
    }

    .top-gallery-action {
        padding: 0;
        padding-bottom: 10px;
    }

    .present-block .main-heading span {
        width: 140px;
        margin: unset;
    }

    .warning-block .main-heading span {
        width: 80px;
    }

    .present-block .card {
        height: 241px;
    }

    .warning-block .card {
        height: 268px;
    }

    .present-block .main-heading h2,
    .warning-block .main-heading h2 {
        padding-bottom: 15px;
    }

    .present-block .main-heading h2 {
        /*padding-top: 20px;*/
        text-align: left;
    }

    .present-block .upload-block .collapse-bt-close,
    .warning-block .upload-block .collapse-bt-close {
        top: 2px;
    }

    .present-block .upload-block,
    .warning-block .upload-block {
        padding: 20px 0;
    }

    .warning-content .book-actions .save-book {
        margin-right: 40px;
    }

    .warning-content .book-actions a {
        padding: 13px 30px;
    }

    .upload-pix {
        overflow-x: hidden;
    }

    .expand-bot {
        z-index: 99;
    }

    .layout-block .bot-tip {
        top: 5px;
    }

    .fold-galery span {
        margin-left: 0;
    }

    .text-tab-info-icon {
        top: 2px;
    }

    .bottom-btns a {
        width: 165px !important;
        height: 50px;
        font-size: 15px;
        padding: 0;
    }

    .book-new-page a {
        background: #b0c1bc;
        width: 190px;
        height: 50px;
        font-size: 15px;
        padding: 0;
        display: block;
    }

    .online-ver-content {
        padding-top: 62px;
    }

    .transform-container-mobile,
    #myCanvas-mobile {
        height: 250px !important;
    }

    .transform-container-mobile {
        margin-top: 30px;
    }

    .adjust-filter {
        margin-bottom: 0;
    }

    .present-content p {
        padding: 30px 0;
    }

    .present-block .main-heading span {
        width: 128px;
    }

    .accordian-close-bt {
        right: 10px;
        top: 7px;
    }

    .expand-view img {
        top: 0;
        right: 18px;
    }

    .expand-view {
        padding-top: 3px;
    }

    .bg-cover-img img {
        height: calc(100vh - -9px);
    }

    .book-main-block {
        height: calc(100vh - 45px);
    }

    .profile-block-widget .form-inputs input,
    .chapters-name {
        width: auto;
    }

    .profile-block-widget {
        margin: 0 20px;
    }

    .profile-table-btn:last-child {
        padding-left: 0;
    }

    .table-last-item {
        text-align: center;
        width: 130px;
    }

    .profile-table-btn {
        display: block;
    }

    .chapter-edit-btn .chapters-name {
        display: block;
    }

    .profile-table .chapter-edit-btn .chapters-name {
        display: inline-block;
        width: 200px;
    }

    .profile-table table {
        width: 190%;
    }

    .more-actions {
        padding-left: 0;
    }

    .book-img {
        width: 100% !important;
        position: relative;
        vertical-align: top;
        top: 21px;
        margin-bottom: 40px;
    }

    .book-examples {
        top: 20px;
    }

    .product-widget {
        text-align: center;
    }

    .cover-block {
        margin-bottom: 20px;
    }

    .chapter-block .chapter-name {
        width: 200px;
    }

    .shop-chap-edit {
        left: 30px;
    }

    /*.personal*/
    /*{*/
    /*font-size: 14px;*/
    /*}*/
    .main-head-ver {
        margin-right: 0 !important;
    }

    .overview-right-content {
        padding-left: 0;
    }

    .bg-color, .edit-photo {
        top: 0;
    }

    .bottom-main-block {
        left: 0;
    }

    .more-actions a {
        width: auto;
        padding: 0;
    }

    .more-actions {
        line-height: 1;
    }

    .chap-edit-mb-sc {
        width: 300px;
    }

    .gallery-images-mb-sc .single-img {
        display: inline-block;
        width: auto;
    }

    .gallery-images-mb-sc {
        text-align: center !important;
    }

    .add-photo-close-bt {
        top: 21px;
        right: 26px;
    }

    .expand-items {
        right: 19px;
    }

    .chaps-book,
    .book-new-page {
        display: table;
    }

    .chaps-book a,
    .book-new-page a {
        display: table-cell !important;
        vertical-align: middle;
    }

    .back-bt,
    .forgot-back {
        z-index: 99;
    }

    .signup-header {
        padding: 0;
    }

    .signup-header .navbar-light .navbar-nav .nav-link {
        color: #25305D;
    }

    .menu-items .dropdown-menu a {
        padding-left: 20px;
    }

    .signup-header .navbar-light .navbar-toggler {
        border: none;
        position: absolute;
        left: 0;
    }

    .signup-header .navbar-toggler span {
        color: #fff;
    }

    .signup-header .navbar-toggler:focus {
        outline: none;
    }

    .signup-header .navbar-brand {
        text-align: center;
        width: 100%;
    }

    .signup-header .last-menu-items-mb {
        position: absolute;
        right: 0;
    }

    .last-menu-items-mb a:last-child {
        padding: 0 15px;
    }

    .mid-gallery .book-new-page {
        margin: 40px auto;
    }

    .signup-container {
        padding: 0;
    }

    .action-bar
    {
        position: fixed;
        width: 100%;
        height: 45px;
        background: #fff;
        z-index: 99;
    }

    .album-actions,
    .chapter-actions {
        float: right;
    }

    #mySidenav .side-close {
        display: none;
        float: left;
        /*margin: 150px 15px;*/
        position: fixed;
        top: 540px;
        margin-left: 15px;
    }

    .mobile-sidenav
    {
        position: relative;
        z-index: 999;
    }

    .side-close a {
        color: #fff !important;
        padding-left: 0 !important;
    }

    .side-close img {
        float: right;
        padding-top: 4px;
    }

    .side-top a:last-child {
        color: rgba(47, 57, 98, 0.6);
        font-size: 14px;
        text-decoration: underline;
        float: right;
        padding-right: 15px;
        padding-top: 18px;
    }

    .chap-names {
        /*width: 100%;*/
        margin: 60px auto;
        display: inline-block;
    }

    .side-top a {
        display: inline-block !important;
        padding-left: 16px !important;
    }

    .side-top a:first-child {
        font-size: 18px;
        font-weight: bold;
        color: #2F3962;
    }

    .del-pages {
        right: 12px;
        z-index: 9999;
    }

    .adjust-filter p
    {
        padding: 10px 0;
    }

    .image-tab-info
    {
        top: 0;
    }

    .scroll-behave
    {
        overscroll-behavior-y: contain;
    }

    #photo_editor_mob
    {
        z-index: 9999999999;

    }

}

@media (max-width: 1250px) {
    .book-actions a
    {
        width: auto !important;
        padding: 12px !important;
    }

    .book-header
    {
        padding: 13px 0;
    }

    /*.main-zoom-block*/
    /*{*/
        /*width: 1200px !important;*/
    /*}*/

}

@media (max-width: 1300px) {
    .back-over-bt
    {
        margin-left: 20px;
    }

}

@media (max-width: 1120px) {
    .book-actions a
    {
        font-size: 12px;
        padding: 12px 10px;
        height: 45px;
    }
}

@media (max-width: 1200px) {

    .color-title
    {
        font-size: 14px;
    }

    .mb-actions a,
    .color-title
    {
        padding: 10px 20px;
        display: inline-block;
    }

    .action-bar .col-12
    {
        padding: 0;
    }

    .presentation
    {
        width: 52px;
        height: 44px;
        background-color: #b0c1bc;
        display: inline-block;
        padding: 9px;
        text-align: center;
    }

    .mob-right-actions
    {
        float: right;
    }

    .mob-right-actions .delet-bt
    {
        padding-right: 18px;
    }

    .left-chevrons,
    .right-chevrons
    {
        color: #25305D;
        display: inline-block;
    }

    .page-nation
    {
        padding: 0 21px;
        font-size: 28px;
        font-weight: bold;
        color: #25305D;
        position: relative;
        top: 6px;
    }

    .rem-page
    {
        padding-left: 10px;
        color: #8f95ab;
    }

    .pagi-links
    {
        margin: 20px 0 85px;
    }

    .book-left-side,
    .book-right-side
    {
        margin-right: 0;
    }

    /*.main-block*/
    /*{*/
        /*padding: 0;*/
        /*margin: 14px 7px 0;*/
    /*}*/

    .chaps-book a
    {
        background: #25305D;
    }

    .bottom-btns .chaps-book
    {
        float: left;
        margin-left: 15px;
    }

    .bottom-btns .new-layout
    {
        margin-right: 15px;
    }

    .new-book
    {
        margin: 0;
    }

    .card
    {
        background: transparent;
    }

    .info-img
    {
        padding-right: 25px;
        border: none;
    }

    .bottom-widget
    {
        height: 45px;
    }

    .bottom-main-block .card-header
    {
        background-color: transparent;
    }

    .bottom-widget .nav-tabs a
    {
        padding: 9px 52px;
    }

    /*.bottom-btns*/
    /*{*/
        /*margin-bottom: 55px;*/
        /*overflow-y: auto;*/
    /*}*/

    /*.main-acc-widget .tabs-cont*/
    /*{*/
        /*padding: 42px 20px 0;*/
        /*height: 209px;*/
    /*}*/

    .font-lib
    {
        margin-bottom: 10px;
    }

    .main-navbar .nav-item
    {
        margin-left: 25px !important;
    }

    .signup
    {
        background-size: 100% 100%;
    }

    /*.gallery-items*/
    /*{*/
        /*margin: 30px 20px;*/
    /*}*/

    .new-gal
    {
        padding: 0 30px;
    }

    .exist-gallery,
    .new-gal,
    .upload-options,
    .warning-content
    {
        border-top: 2px solid rgba(37, 48, 93, 0.1);
        margin-top: 18px;
        display: inline-block;
        width: 100%;
    }

    .gallery-title {
        margin-top: 54px;
    }

    .exist-gallery .card-body .col-12
    {
        padding: 0;
    }

    .next-photo
    {
        background: #FAFAF9;
        padding: 20px;
        display: inline-block;
        width: 100%;
        margin: 16px auto 0;
    }

    .next-photo a
    {
        background: #25305D;
        color: #fff;
        margin: 0 auto;
    }

    .upload-options
    {
        text-align: center;
        padding-top: 30px;
    }

    .upload-options li .gal-info
    {
        width: 250px !important;
        padding: 15px 0;
    }

    .warning-content .book-actions
    {
        float: none;
        text-align: center;
        margin-top: 40px;
    }

    .warning-content
    {
        margin: 0 auto;
        text-align: center;
    }

    .warning-content p
    {
        width: 100%;
        max-width: 320px;
        font-size: 15px;
        text-align: center;
        color: #25305D;
        margin-top: 25px;
        display: inline-block;
    }


    .warning-content h2
    {
        text-align: left;
        font-weight: bold;
        font-size: 18px;
        color: #25305D;
        margin: 25px 15px;
    }

    .warning-content h2 img
    {
        position: relative;
        left: 19px;
    }

    .present-block .warning-content p
    {
        text-align: left;
        margin: 0;
        padding-left: 15px;
    }

    .present-block .warning-content .book-actions
    {
        margin-top: 10px;
    }

    .mb-page-layouts
    {
        padding-bottom: 100px;
    }

    .photo-popup-mb .modal-body
    {
        height: auto;
    }

    .photo-popup-mb .tab-content
    {
        width: 100%;
        height: 100%;
    }

    .photo-popup-mb .modal-content
    {
        padding: 0;
    }

    .photo-popup-mb .editor-img
    {
        /*margin-top: 0;*/
        margin: 0 20px 5px;
    }

    .editor-img img
    {
        width: 100%;
    }

    .photo-popup-mb .filter-widget
    {
        margin-bottom: 16px;
        width: 100%;
        display: inline-block;
    }

    .photo-popup-mb .tab-content
    {
        padding: 10px 55px;
        height: 340px;
    }

    .photo-popup-mb .undo-actions
    {
        background: #fff;
        width: 30%;
        height: 43px;
        text-align: right;
        float: right;
        margin-top: 5px;
    }

    .photo-popup-mb .undo-actions a
    {
        padding: 6px 13px;
    }

    .adjust-filter span
    {
        font-size: 15px;
    }

    .slidecontainer .slider
    {
        height: 4px;
    }

    .modal-header
    {
        background: #F2F2EF;
    }

    .small_order .modal-header
    {
        background: transparent;
    }

    /*.photo-popup-mb .modal-body*/
    /*{*/
        /*height: 440px;*/
    /*}*/

    .photo-popup-mb .modal-header
    {
        background: #F2F2EF;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .photo-popup-mb .nav-link.active {
        background: unset;
        border-radius: unset;
        color: unset;
    }

    /*.personal*/
    /*{*/
        /*width: auto;*/
    /*}*/

    .single-img
    {
        margin-right: 10px;
    }

    .more-actions-right-side a
    {
        padding: 7px 20px 10px;
    }

    .cart-block
    {
        padding: 0;
    }

    .bottom-widget .nav-tabs a, .bottom-widget .text-block, .bottom-widget .image-block, .bottom-widget .layout-block
    {
        padding: 9px 52px;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {
    .expand-items
    {
        right: 50px;
    }

    .accordian-close-bt
    {
        right: 23px;
    }
}

@media (max-height: 600px) {
    #mySidenav .side-close
    {
        top: 400px;
    }

}

@media (max-height: 670px) {
    .photo-popup-mb .tab-content
    {
        padding: 10px 55px 65px;
        height: 300px;
        overflow-y: scroll;
    }

    .bottom-btns
    {
        bottom: 40px;
    }
}

@media (max-width: 1700px) {
    .container
    {
        max-width: 1150px;
    }

    /*.book-img*/
    /*{*/
        /*width: 74%;*/
    /*}*/

}

@media (max-width: 1480px) {
    .book-actions .save-book
    {
        margin-right: 0;
        width: 70px;
    }
}


    @media (max-width: 1440px) {

    .upload-options li .gal-info
    {
        width: 210px;
    }
    /*.listing-widget*/
    /*{*/
        /*height: 290px !important;*/
    /*}*/

    /*.book-img img*/
    /*{*/
        /*width: 100%;*/
    /*}*/



    /*.main-zoom-block*/
    /*{*/
        /*width: 1400px;*/
    /*}*/

    .book-page-head
    {
        margin-left: 0;
    }

    .cover-page-title
    {
        margin-left: 1%;
    }

    /*.overview-page,*/
    /*.overview-right-content*/
    /*{*/
        /*height: calc(100vh - -120px);*/
    /*}*/

    /*.main-shop,*/
    /*.main-shop .overview-right-content*/
    /*{*/
        /*height: calc(100vh - -335px);*/
    /*}*/

    .bok-list,
    .cart-block
    {
        height: 100%;
    }

    .signin-block
    {
        margin-bottom: 50px;
    }


}
/*#tui-image-editor_tool .lower-canvas,*/
/*#tui-image-editor_tool .upper-canvas*/
/*{*/
    /*left: 422px !important;*/
/*}*/
.disabled_links,.disabled_links_gallery{
    cursor: default;
    text-decoration: none;
    pointer-events: none;
}
#dropzone {
    background: transparent;
   /* width: 150px;
    height: 50px;*/
    /*line-height: 50px;*/
    text-align: center;
    font-weight: bold;
}
#dropzone.in {
    width: 600px;
    height: 200px;
    /*line-height: 200px;*/
    font-size: larger;
}
#dropzone.hover {
    background: lawngreen;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

.cropper-bg {
    background-color: #fafaf9 !important;
    background-image: none !important;
}

.cropper-modal {
    background-color: #fafaf9 !important;
    opacity: 0 !important;
}

.signup-link
{
    font-weight: 700 !important;
}

.cover-block img
{
    width: 110px;
    height: 92px;
    object-fit: cover;
}

.small_order .modal-dialog,
.small_order .modal-content
{
    max-width: 712px;
    height: 280px;
}

.small_order .modal-content
{
    text-align: center;
}

.small_order .modal-header
{
    border: none;
    display: inline-block;
    margin-top: 10px;
}

.small_order .main-heading
{
    display: inline-block;
}

.small_order .main-heading h2
{
    font-weight: bold;
    font-size: 35px;
    margin: 0 auto;
}

.small_order .main-heading span
{
    width: auto;
    top: 31px;
}

.small_order .order-desc p
{
    font-size: 16px;
    color: #25305D;
    margin: 0 auto;
    width: auto;
}

.adjust-order-bt
{
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 500;
    background: #90AA94;
    border-radius: 3px;
    width: 263px;
    height: 50px;
    color: #fff;
    text-align: center;
    display: block;
    padding: 14px 0;
    margin: 55px auto 0;
    letter-spacing: 1.4px;
}

.order-close-btn
{
    display: inline-block;
    text-align: right;
    position: absolute;
    right: 20px;
}

.headline a
{
    display: block;
}

.gallery-del-list, .gallery-del-list img {
    width: 20px !important;
    height: 20px !important;
}

.max-size
{
    font-weight: 300;
}

.images-count
{
    display: inline !important;
    padding-right: 20px;
}

.img-chk-icon
{
    position: absolute;
    top: 18px;
    left: 0;
    right: 15px;
    text-align: center;
}

.img-spinner
{
    position: absolute;
    left: 32px;
    right: 0;
    text-align: center;
    top: 16px;
    color: #90AA94 !important;
}

.spinner-back-dull
{
    opacity: 0.4;
}