@font-face    {
    font-family: 'Segoe_UI_Bold';
    src: url('../fonts/Segoe-UI-Bold.ttf');
}

.font_lobster {
    font-family: 'Lobster', cursive!important;
    font-weight: normal!important;
    text-transform: unset!important;
}

.font_racing_sans {
    font-family: 'Racing Sans One', cursive!important;
    font-weight: normal!important;
    /* text-transform: unset!important; */
}

.font_asap_condensed {
    font-family: 'Asap Condensed', sans-serif!important;
    font-weight: 700!important;
    /* text-transform: unset!important; */
}

.font_oswald {
    font-family: 'Oswald', sans-serif!important;
    /* text-transform: unset!important; */
}

* {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

label{
    font-family: 'Segoe_UI_Bold';
    font-size: 16px!important
}

a {
    color: rgb(204, 204, 204);
    
}

.position-relative{
    position: relative;
}

.overflow-visible{
    overflow: visible;
}

.overflow-hidden{
    overflow: hidden;
}

.min-w-250{
    min-width: 250px;
}

.display-none{
    display: none;
}

.book-prices td.title{
    width:70%;
}

.book-prices td.number{
    white-space: nowrap;
}

.universe-container{
    position:absolute;
    bottom:-300px;
    height:auto;
    left:0px;
    right:0px;
    vertical-align: middle;
}

.universe-container img{
    width:140%;
    max-width: none;
    margin-left:-27%;
    margin-right: -13%;
    vertical-align: middle;
}

.mobilecart{
    display: none;
    float: right;
    margin: 10px;
    margin-left: 0px;
    margin-right: 15px;
    color: #777;    
}

.delete_link {
    margin-top: 30px;
    color: #ffffff!important;
    display:block;
    float:right;    
}

.delete_link:hover {
    text-decoration: underline;
} 

.pagination {
    margin-top: 30px;
    display: block!important;
}

.pagination a {   
    color: #ffffff;
    padding: 8px 16px;
    margin: 2px;
    text-decoration: none;
  }
  
  .pagination a.active {
    background-color: #cc0001;
    color: white;
  }

  .pagination a:hover {
    background-color: #cc0001;
    color: white;
  }

.mb-400{
    margin-bottom:400px;
}

.m-0{
    margin:0;
}

.img {
      height: 472px;
      object-fit: cover;
      border-radius: 10px;
}

.img_2 {
    height: 472px;
    object-fit: cover;
    width: 100%;
}

.img_3 {
    height: 331px;
    object-fit: cover;
    border-radius: 5px
}

.recommend .figcaption {
    margin: 30px 0;
    height: 331.03px
}

.img_3_figcaption{
    height: 331.03px;
}

.flex {
    display: flex!important
}

.ebook_download {
    background: #ffcc00!important;
    color: #ffff!important;
    padding: 10px 30px!important;
}

.padding-top-30 {
    padding-top: 30px!important
}

.padding-top-40 {
    padding-top: 40px!important
}

.padding-top-60{
    padding-top: 60px!important
}

.main-eng-book{
    width: 100%!important
}

.padding-x25 {
    padding: 0 25px!important
}

.mr-10 {
    margin-right: 10px!important;
}

.p-20 {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.font_bold{
    font-weight: 700;
    font-size: 16px;
}

.mt--8{
    margin-top:-8px!important;
}

a.error-404, a.default{
    margin:10px;
    text-decoration: none!important;
    color:#fff!important;
    padding:10px 25px!important;
}

.disabledinput{
    background-color: #555!important;
    color:#fff!important;
    -webkit-text-fill-color: #fff!important;
    -webkit-opacity:1!important; 
    opacity: 1!important; 
}

.total-amount{
    font-size:18px;
}

.total-amount strong{
    vertical-align: bottom;
    font-size:30px;
    color:#EDAB01;
    line-height: 28px;
    padding-left: 10px;
    font-family: 'Asap condensed';
}

.book-prices{
    width: 100%;
    table-layout: auto;
}

.book-prices .title{
    text-align: left;
    font-size:16px;
    font-family: 'Asap condensed'; 
    /*padding-left: 20px;  */ 
    color:#EDAB01;    
}

.book-prices .number{
    line-height: 30px;    
    text-align: center;
    font-size:34px;    
    font-weight: 700;
    font-family: 'Asap condensed'!important;    
}

.book-prices .number.center{
    text-align: center;
}

.book-prices .shipping-icon{  
    text-align: center;  
}

.book-prices .plus{
    padding:10px;
    font-size: 16px;
    font-weight: 700;
    /*padding-left: 20px;*/
    color:#fff!important;
}

.book-prices .free_shipping{
    margin:0px;
    display: inline-block;
    display: -webkit-inline-box;  
    border-radius: 5px!important;
}

.book-prices .bookpricearrow{
    padding-top:50px;
    text-align: center;
    display: none;
}

.book-prices del{
    font-size: 18px;
    font-weight: bold;
    color:#EDAB01;   
    font-family: 'Asap condensed'!important;      
}

.book-prices .bookpricetitle{
    font-size: 20px;
    display:none;
    padding-bottom:20px;
}

.greentext{
    color: #15c65c;
}

.btncontainer p{
    padding:10px;
}

.book-details-page .like_count{
    color:#666!important;
}

.english{
    font-family: 'Asap condensed';
    font-size: 16px;
    vertical-align: middle;
    color:#fff;    
}

.english td{
    padding-right:10px;
    font-family: 'Asap condensed';
    font-size: 16px;
    vertical-align: middle;
    color:#fff;
}

.english .discountnumber{
    color:#EDAB01;
    font-size: 34px;
    line-height: 34px;
    font-weight: 700;    
    margin-bottom: 0px;
    font-family: 'Asap condensed';
}
.english .pricenumber, .english .auto{
    width:auto;
}

.english .pricelabel{

}
.english .pricenumber{
    text-align: center;    
    width:8%;
} 

.book-top-eng{
    padding-top:60px;
}

.eng_top_content{
    padding-top:40px;
}

.eng_top_content .button{
    margin-right: 10px;
}

.mobilehide{
    display: block;
}

.mobileshow{
    display: none;
}

.arrowcontainer{
    display: block;
    width:100%;
    text-align: center;
    padding:10px;
    padding-top:30px;
}

.format-btn{
    margin:0px 10px;
}

.order-button-section{
    font-family: 'Open sans';
}

.order-button-section .obs-container{
    display: inline-block;
    text-align: center;
}

.order-button-section .obs-table{
    margin:0 auto;
}

.order-button-section .obs-title{
    font-family: 'Asap condensed';    
    color:#EDAB01;
    font-size: 22px;
    line-height: 22px;
    text-align: right;
    padding:10px;
}
 
.order-button-section .obs-price{
    text-align: left;
    padding:10px;    
}

.order-button-section .obs-price div{
    text-align: center;
    display: inline-block;
}

.order-button-section .obs-price div del{
    font-family: 'Asap condensed'!important;    
    font-size: 18px;
    font-weight: bold;
    color:#EDAB01;    
}
 
.order-button-section .obs-price div strong{
    font-family: 'Asap condensed'!important;    
    font-size: 30px;
    line-height: 30px;
}

.message-panel-content span.spamwarning{
    padding: 3px 6px;
    background-color: #111!important;
    color: #EDAB02!important;
}

.navbar-relative{
    position: relative;
}

.mobilegiftboxlink{
    display: none;
}

.giftboxlink{
    position:absolute;
    top:-25px;
    right:160px;    
}

.giftboxlink img{
    width: 140px;
    height: auto;
}

/*----------  CSS variables  ----------*/

:root {
    --main-bg-color-1: #010204;
    --main-bg-color-2: #333333;
    --main-bg-color-3: #111111;
    --button-color: #cc0001;
}

/*----------  CSS variables  ----------*/


.regular-checkbox {
    display: none;
}

.regular-checkbox + label {
    background-color: #e9e9e9;
    border: 1px solid #cacece;
    width: 36px;
    height:36px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    cursor:pointer;
    margin:0px!important;
}

.regular-checkbox:checked + label:after {
    /*content: '\2714';*/
    content: '✔\fe0e';
    font-size: 30px;
    position: absolute;
    top:-9px;
    left:4px;
    color: #15c65c;
}

.book_checkbox{
    background-color: #e9e9e9!important;
    border: 1px solid #e9e9e9!important;
}

.underline{
    text-decoration: underline;
}

/* Correction */

.m0 {
    margin:0!important
}

.ml-10 {
    margin-left: 10px
}

.mt0 {
    margin-top: 0!important
}

.text_center {
    text-align: center;
}

.italic {
    font-style: italic;
}

.justify {
    text-align: justify;
}

/* Correction */

.color-white{
    color:#fff!important;
}

.white td {
    color:#ffffff!important;
}

.color-dark{
    color:#333!important;
}

.text-danger {
    color: #f23a2e!important; 
}

.text-success {
    color: #28a745!important; 
}

.has-error {
    border-color: #dc3545!important;
}

.d-none {
    display: none
}

.white p {
    /* margin-right: 30px */
}

.white p span{
    color: #ffffff!important;
}

.flex_middle{
    display: flex;
}

.color-orange {
    color: #ffae00!important;
    font-weight: 700;
}

.bold{
    font-weight: 700;
}

.line-through{
    text-decoration: line-through;
}

.desktop-eng-button{
    display: block;
}


.mobile-eng-button{
    display: none;
}



/*=============================================
=            Modal          =
=============================================*/

.offer-modal .modal-dialog{
    width:760px;
}

.offer-modal .modal-header .modal-title{
    display: inline-block;
}

.offer-modal .modal-header .close{
    opacity: 1!important;
}

.offer-modal .modal-header .close span{
    color:#fff!important;
}

.offer-modal .modal-body .panel-content{
    font-size: 14px;
    line-height: 24px;
}

.offer-modal .modal-body .card .liked{
    font-size: 14px;
    line-height: 18px;    
}

.offer-modal .modal-body .card .font_bold{
    line-height: 24px;
}

.offer-modal .modal-body .card .card-body {
    top: 55%;
}


/*=============================================
=            Section basic content           =
=============================================*/

.content-container, .novells_background{
    padding-top:100px;
}

.article-top-bg{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 350px;    
    background-color: var(--main-bg-color-2);
}

.button, a.button {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 5px;
    border:none;
    color: #ffffff;
    font-size:24px;
    text-decoration: none;
    font-family: 'Oswald';
    margin-top:10px;
    white-space: nowrap;
}

.button:hover{
    opacity: 0.7;
    color: #ffffff
}

.button-yellow {
    background-color: #edab01;
    color: #ffffff;
    font-weight: 700;    
}

.button-order{
    background-color:#edab01;
    font-weight: 700;
}

.button-sample{
    background-color:#15c65c;
    font-weight: 700;
}

.button-grey {
    background-color: #4b5f68;
    color: #ffffff
}

.button-info{
    background-color:#4b5f68;
}

a.button-red{
    font-family: 'Oswald'!important;
    background-color: rgb(228, 33, 23);
}

button.button-red{
    background-color: rgb(228, 33, 23);  
}

.sample-order-section .writeroffer-eng{
    font-size: 14px;
    color:#FF9F00!important;
    text-align: left!important;
    display: block;
}

.button-disabled{
    opacity: 0.7;
}

.toast {
  opacity: 1 !important;
}

.fa-refresh{
    margin-right:10px;
}

.input {
    color: var(--main-bg-color-2);
    border-radius: 5px;
    padding: 15px
}

select > option {
    font-family: 'Segoe_UI_Bold';
}

select > option::placeholder {
    font-family: 'Segoe_UI_Bold';
}

.checkbox {
    height: 35px;
    width: 35px;
    border-radius: 30px!important
}

input[type=text],input[type=password],input[type=email],input[type=number]{
    border:none!important;
}

#order_package_id{
    margin-bottom: 0px;
}


.padding-top-200{
    padding-top:200px!important;
}

.padding-top-150{
    padding-top:150px!important;
}

.padding-top-100{
    padding-top:100px!important;
}

.padding-top-80{
    padding-top:80px!important;
}

.container-dark{
    background-color: #000;
}

.container{
  position:relative;
}


.warning {
    border-radius: 10px;
    background-color: #ffae00;
}

.warning p {
    padding: 15px;
    font-weight: 700;
    font-style: italic;
    color: #000000;
}

.message-input{
    resize: vertical;
}

.w-100{
    width:100%;
}

.text-right{
    text-align: right;
}

/*=====  End of Section basic content  ======*/


/*=============================================
        =            MENU          =
=============================================*/

.mobile_menu{
    display: none;
}

.nav{
  /*padding-left:6px;*/
}

.navbar {
    padding: 16px 10px;
    margin-bottom: 0!important
}

.navbar-reader{
    padding: 2px 10px!important;   
}

.navbar-default {
    border-bottom: 1px solid #777!important;
    background-color: #ffffff;
    border-color: #ffffff;
}

.navbar-brand{
    color: rgb(51, 51, 51)!important;
    font-family: 'Lobster';
    padding: 7px 10px 5px 5px;
    font-size: 35px;
    font-weight: 700;
    text-align: right;
    /* font-style: italic; */
    margin-top: -10px;
}

.navbar-collapse.in {
  overflow-y: visible!important;
}

a.avatar {
    width:35px;
    height:35px;
    margin:6px 5px;
    text-align: center;
    padding:5px!important;
    border-radius: 17px;
    background-color: #333;
}

a.avatar i {
    font-size:23px;
    color:#fff;
}

.navbar-brand > span {
    font-size: 15px;
    color: rgb(51, 51, 51)!important;
    font-family: "Lobster";
}

#navbar ul li a {
    font-size: 16px;
    color: rgb(51, 51, 51);
}

#navbar ul li a:hover{
    background-color: #1d9493;
    color: #ffffff!important
}

#navbar ul li select {
    padding: 5px;
    margin: 8px 5px;
    border-radius: 30px;
    border: 1px solid;
    background-color: white;
}

.navbar-fixed-top .navbar-collapse {
  max-height:456px;
}

.glyphicon-shopping-cart, .glyphicon-user {
    font-size: 25px
}

.dropdown-menu {
    text-align: right;
}

.dropdown-menu li a {
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 12px;
}

.dropdown-menu li a:hover, .dropdown-menu li a:active, .active {
    background-color: #1d9493;
    color: #ffffff!important
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus { 
    background-color: #1d9493;
    color: #ffffff!important
}


.navbar li.mobilemenu{
  display: none!important;
}


#navbar ul li a.cart{
    padding:0px;
    margin:15px 10px;
}

.cart:hover i{
    color:#1d9493;
}

.logged-content .button{
    max-width:300px;
    display: block;
    margin:0 auto;
    margin-bottom:20px;    
}

.logged-mobile-button{
    display:none!important;
}
/*=====  MENU ======*/


/*=============================================
=            Section comment index            =
=============================================*/

.main_title {
    background-image : url('../../../../content/images/main_title_bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 20px 0 ;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-image: url('../../../../content/images/border.png');

}

.main_title p {
    background-image : url('../../../../content/images/13.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    font-size: 75px;
    text-align: center;
}

.book_name {
    margin: 50px auto 30px auto
}


.book_title_hr {
    border : 1px solid;
    height : 15px;
    border-image : url('../img/book_bg_border.png');
    margin : 1em 0;
}

.main_background{
    padding-top:80px;
    background-color: #010204;
    color: #ffffff;
}

.sample-background{
    background-image: url('../img/book_background.png');
    background-repeat: no-repeat;
    background-position: -60px 0px;
}

.sample-background .book-bg-img{
    position: absolute;
    top:0px;
    left:0px;
}

.sample-background-eng{
    background-image: url('../img/book_background.png');
    background-repeat: no-repeat;
    background-position: -40px -80px;
    background-size: 70%;
}

.sample-background-eng-2{
    background-image: url('../img/book_background.png');
    background-repeat: no-repeat;
    background-position: -60px 0px;
}

.main_background .like_count{
    color: #FFF!important; 
}


.main_background_eng{
    padding-top:80px;
    background-color: #010204;
    color: #ffffff;
    /*
    background-image: url('../img/book_background.png');
    background-repeat: no-repeat;
    background-position: 22% -15%;*/
}

.main_background_eng .like_count{
    color: #FFF!important;
    
}
/*
.main-data p {
    font-size: 16px;
}
*/
.main_eng .old_price, .main_eng .current_price {
    font-family: "Asap Condensed", sans-serif!important;
}

.main_eng .old_price {
    font-size: 16px!important;
    margin-left: 24px;
}

.main_eng .current_price {
    font-size: 40px!important;
    margin: 0;
    line-height: 1;
}

.main_eng .italic {
    margin-top: 20px
}

.main_eng .read_under table {
    margin: 60px 0px;
}

.main_eng .button {
    letter-spacing: initial;
    font-size: 24px;
    max-width: 300px;
}

.main_eng .main_info {
    letter-spacing: initial;
    font-size: 16px;
    padding: 5px 35px
}

.main_eng .amazon_first {
    margin-right: -70px
}

.main_eng_sample .buying {
    background-color: transparent;
    margin-top: 20px
}

.main_eng_sample .buy {
    align-items: center;
}

.main_eng_sample .eng_cart {
    margin-right: 20px;
    margin-top: 8px;
}

.main_eng_sample .buy table {
    margin-right: 15px;
    margin-top:10px;
}

.main_eng_sample .buy table tr td{
    text-align: center;
}

.main_eng_sample .buy table tr td .current_price {
    font-size: 40px!important;
    font-weight: 700!important;
    line-height: 40px;    
}

.main_eng_sample .buy table tr td .old_price {
    font-weight: 700!important;
    font-size: 18px;
}

.main_eng_sample .read {
    font-weight: 700!important;
}

.main_eng_sample .read_under_2 {
    font-size: 18px;
    margin-left: 0;
    font-weight: 200!important;
}


.main_eng_sample p, .main_eng_sample .current_price {
    color: #ffffff!important;
}

.main_eng_sample p {
    font-weight: 200!important;
    font-family: 'Asap Condensed'!important;
}

.main_eng_sample .foreign_info {
    font-weight: 200!important;
    font-family: 'Oswald'!important;
}

.amazon_first {
    margin-right: -100px
}

.description .amazon, .description .google_play {
    font-weight: normal;
    letter-spacing: 1px;
}

.description .amazon table tr td, .description .google_play table tr td{
    letter-spacing: 1px;
}

.google_play img {
    margin-top: 5px
}

.main_eng .social {
    margin-bottom: 0!important
}

.main_eng .read_under {
    line-height: 1.667;
}

.book-img {
  margin: 0 auto;
  max-width: 100%;
}

.book-form{
    color:#333;
    margin-bottom:30px;
}

.book_image {
    z-index: 1000;
}

.book_image .social {
    text-align: center;
}

.book_image .social p {
    margin-right: 0!important;
    font-weight: bold;
}
.book_image .social p span {
    font-weight: bold;
    color: #ffffff!important
}

 .social p .like {
    margin-right: 30px;
    cursor: pointer;
}

.main_info {
    margin-top: 0!important;
    font-size: 16px!important;
    padding: 10px 35px!important;
    max-width: 200px;
}

.comment_info {
    background: #425d68!important;
    margin-top: 0!important;
    font-size: 16px!important;

}


.logged-content p.read{
    margin:10px 0px!important;
}

.logged-content .button-info{
    margin-top: 0px;

}

.main_social{
    margin-bottom: 0!important;
    color: #fff;
}

.plus-sign-color{
    color:white!important;
}

img.book_image{
    width: 83%;
}

.book_image .read {
    color: #ffffff;
}

.book_image .read span {
    /* color: #8f9c94!important */
}

.read_under {
    margin-bottom: 20px;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
}

.read_under table tr td:first-child {
    color: #ff9f00;
    text-transform: uppercase;
    font-weight: 700;
}

.book_image label {
    color: #ffffff!important;
    margin: 10px 0
}

.book_image .input {
    height: 52px;
    width: 100%;
    padding: 15px;
    color: #425d68;
    margin-bottom:8px!important;
    background-color: #e9e9e9;
}

.book_image .input::placeholder {
    font-style: italic;
 
}

.category{
    color: rgb(255, 255, 255);
    line-height: 1.333;
}


.book_image .checkboxes {
    margin-top: 17px;
    margin-left: 0
}


.book_image .checkboxes p a {
    text-decoration: underline;
    cursor: pointer;
}

.buying {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    margin-top: 50px;
    padding: 15px 10px 30px 15px;
    font-family: 'Oswald';
    z-index:1
}

.buying .buy {
    display: flex;
    align-items: center;
}

.buying p {
    color: #333333;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Oswald';
}

.buying .old_price {
    color: #ff9f00!important;
    font-size: 14px;
}

.buying .current_price {
    color: #333333;
    margin: 0!important;
    font-size: 24px;
    font-family: 'Asap Condensed';
}

.buying .button{
    padding:16px 25px;
    font-weight: 600!important;
    max-height: 68px;
}

.book_order .social, .book_order_2 .social,.book_order_3 .social {
    margin: 30px 0!important;
}
.book_order .current_price, .book_order_2 .current_price, .book_order_3 .current_price {
    font-size: 18px!important;
}

.book_order .price, .book_order_2 .price, .book_order_3 .price {
    margin: 0!important
}

.free_shipping {
    margin: 0px 0px 0px 20px;
    border: 2px solid #15c65c;/*#ff003c;*/
    border-radius: 5px;
    padding: 5px 7px 1px 7px;
    display: inherit;
    /* width: 125px; 
    height: 90px;*/
}

.free_shipping img {
    height: 50px;
    margin-bottom:3px;
}

.free_shipping span {
    /*#ff003c!important;*/
    font-size: 14px;
    text-transform: uppercase;
    margin: 9px 2px;
    text-align: center;
    font-weight: 700;
    line-height: 1.333!important;
    padding-left:5px;
}

.free_shipping .order-shipping-text {
   /* margin:0px;*/
    vertical-align: middle;
}

.free_shipping span.justify {
    display: inline-block;
}
.green {
    color: #15c65c!important;; 
}

.red {
    color: #cc0001!important
}

.buying .free_shipping {
    border-color: #22c75d!important;
    margin: 6px 30px 0 20px!important;
}

.buying .price {
    /*margin: 17px 15px 0 15px;*/
}

.buying .free_shipping span {
    padding-left: 3px;
    /* color: #22c75d!important; */
    font-family: 'Oswald'
}

.eng {
    margin-top: 20px;
    display: inline-flex;
    justify-content: center;
    vertical-align: middle;
}

.eng .td_first {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 2;
    font-family: "AsapCondensed", sans-serif;
    color: rgb(255, 159, 0);
}

.eng .old_price {
    font-size: 18px
}

.eng .current_price {
    font-size: 36px!important;
    font-weight: bold;
}

.description .foreign_info {
    color: #696969
}

.universe .foreign_info {
    margin: 0 100px 20px 100px!important;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
}


.universe .current_foreign_price {
    color: #ffffff
}

.universe .amazon {
    /* margin-right: 100px */
}

.comment {
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
}

p.comment_author {
    font-family: 'Open sans'!important;
    font-size: 14px;
}

p.comment_author strong{
    font-size: 18px;
}

.main-eng-title {
    font-weight: 700;
    font-family: "Oswald", sans-serif!important;
    margin-bottom: 30px;
}

.reader-brand{
    padding: 4px 5px 5px 10px!important;
}


.book-recommender{
  padding:30px 0px;
  background-color: #27262b;
}

.book-recommender p{
  color:#fff;
  font-family: 'Asap condensed';
  font-weight: bold;
  font-size: 36px; 
  line-height: 30px;
  margin:30px;
}

.book-recommender p:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: 3px;
  background-color: #fff;
  border-radius: 3px;
}

.book-recommender .promo-img{
  width:100%;
  height: auto;
}


/*=====  End of Section comment index  ======*/



/*=============================================
=            Section login/register           =
=============================================*/

.background {
    background-image: url('../img/login2.png');
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    min-height: 700px;
}

.registration .samplecontainer p, .registration .samplecontainer a {
    color: #cccccc
}

.registration .required{
    color: #cccccc
}

.login {
    background-color: var(--main-bg-color-3);
    padding: 20px 40px 100px 40px;
    margin: 40px -15px 80px 0;
    border-radius:5px;
    overflow:hidden;
}

.login h2{
    font-weight: 700;
    color: #ffffff;
    margin: 0!important;
    font-family: 'Asap Condensed', sans-serif;
}

.login h3 {
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
    font-family: 'Asap Condensed', sans-serif;
}

.login h4 {
    font-weight: 700;
    margin-bottom: 30px;
    color: #ffffff;
    margin-bottom: 30px;
}

.login hr {
    margin: 5px 0 10px 0;
}

.login_data {
    margin-top: 20px;
}

.login_data h2 {
    font-weight: 700;
    color: #ffffff;
    margin: 0!important;
    font-family: 'Asap Condensed', sans-serif;
}

.login_data hr {
    margin: 5px 0 10px 0;
}

.login_data p {
    font-size: 18px;
    /* line-height: 2; */
}

.login_data a {
    text-decoration: underline;
    color: #ffcc00;
    font-weight: bold;
    font-size: 14px;
}

.login label {
    margin: 15px 0 5px;
    color: #ffffff!important
}

.login input {
    color: #010204;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    padding:5px;
    /*text-align: center;*/
}

.login .button {
    width: 100%;
    padding: 15px 0;
    text-transform: uppercase;
    margin: 20px 0;
    font-weight: 700;
}

.register {
    margin-top: 25px!important;
    background-color: #ffcc00!important;
    color: var(--main-bg-color-2)!important;
}

.hr-right {
    border-right: 1px solid rgba(255, 255, 255, .3);
}


.registration, .readercard {
    background-color: var(--main-bg-color-3)!important;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 100px
}

.readercard label {
    color: #ffffff!important;
}

.registration h3, .readercard h3 {
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 10px 0;
    font-family: 'Asap Condensed', sans-serif;
}

.registration hr, .readercard hr{
    margin: 5px 0 10px 0;
}

.registration .button {
    width: 100%;
    height: 70px;
    margin-top: 10px;
    font-weight: 600;
    font-size: 24px;
}



.readercard .button {
    width: 100%;
    padding: 15px 0;
    text-transform: uppercase;
    margin: 20px 0;
    font-weight: 700;
    color:#000!important;    
}

.inputcontainer{
    margin-bottom:5px;
}

.checkboxes .error{
    color:red!important;
}

.inputcontainer label.error {

    color:red!important;
}

.samplecontainer label.error {
    padding: 0 4px 4px 4px;
    color:red!important;
}

.checkboxes .error{
    margin-left: 0px;
}

.registration_data .input {
    width: 100%;
    margin: 5px 0px;
}

.registration_data .input::placeholder {
    font-style: italic;
    font-size: 16px;
    line-height: 1.5;
}

.checkboxes {
    position: relative; 
    margin: 10px 0px;
}

.checkboxes p {
    font-size: 15px;
    padding-left:14px;
    margin:0px 0px 5px 0px;
}

.required {
    margin-top:5px;
    color: #ffffff;
    font-size: 14px!important;
}


.a {
    width: 100%;
    margin-left: 13px;
}


.b {
    float: left;
    height: 50px;
    width: 50px;
}

.login label.error, .registration label.error{
    color:#CC0001!important;
}

.pull-right{
    float:right;
}

/*=====  End of Section login/register ======*/



.message-panel {
    background-color: var(--main-bg-color-3)!important;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 100px;     
    margin-top: 40px
}

.message-panel h2 {
    font-weight: 700;
    color: #ffffff;
    margin: 0!important;
    font-family: 'Asap Condensed', sans-serif;
}

.message-panel hr {
    margin: 5px 0 10px 0;
}

.message-panel p {
    font-size: 18px;
    /* line-height: 2; */
}

.message-panel a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.message-panel .button {
    display: inline-block;
    margin-top: 10px;
    font-weight: 700;
    font-size: 24px;
    padding:10px 25px;
    margin-left:auto;
    margin-right:auto;
}


/*=============================================
=            Section 1            =
=============================================*/

#section_1{
    padding-bottom:60px;
    background-color: var(--main-bg-color-2);
}

.section_1_p {
    font-size: 14px;
    text-transform: uppercase; 
    color: #ffffff;
    font-weight: 800;
    margin: 15px -15px;
}

.button-category{
    margin:0px 10px;
    font-weight: 300;   
}


#section_1 .margin{
    margin-left: -15px;
}

#section_1 .margin a{

    margin-right: 10px
}

.types {
    margin-top: 35px;
    
}


.types h4 {
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 15px;
    font-weight: 700;
}

.types hr {
    margin: 10px 15px 20px 15px;
    border: 1.5px solid #ffffff;
}

.types img {
    border-radius: 15px;
    position: absolute;
    top:0px;
    bottom: 0px;
    object-fit: cover;
    transition: transform .4s;
}

.figcaption {
    position: relative;    
    margin:0 auto;
    margin-bottom:20px;
    display:flex;
    max-width:360px;
    height: 470px;
    overflow: hidden;
    border-radius: 15px;
}

.figcaption.article {
    max-width: none!important;
    border-radius: 5px;
}

.figcaption img{
    height:100%;
}

.figcaption:hover .img{
    transform: scale(1.1);
}

.blogstat{
    font-size: 20px!important;
    text-decoration: none!important;
    color:#fff!important;
}

.categorycard{
    width:100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 15px 20px;
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
}

.categorycard:hover{
    text-decoration: none;
}

.relative{
    position: relative;
    max-width: 360px
}

#news .figcaption p,
#news .figcaption span,
#poems .figcaption p,
#poems .figcaption span {
    color: #ffffff!important
}

.figcaption .type {
    font-size: 20px;
}

.figcaption .date{
    font-size: 20px!important;
}

.figcaption .title {
    line-height: 1;
    text-transform: uppercase;
    font-size: 48px!important;
    margin-bottom:10px; 
}

.article{
    height: 472px;
}

.article .article-text{
    position: absolute;
    left:40px;
    top:20px;
    bottom:40px;
}


.article .article-text .textcontainer{
    width:100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    color:#fff!important;
}

.article .article-text .check span{
      color:#fff!important;  
}

.article span {
    cursor:pointer
}

.article .title{
    top: 60%;
    font-family: 'Asap Condensed', sans-serif;
    font-weight: 700;
}

.title_2{
    font-family: 'Lobster', cursive!important;
    font-weight: 400!important;
    text-transform: none;
}


.glyphicon-heart, .glyphicon-eye-open {
    font-size: 15px;
}


.newsletter-input {
    display: flex
}

.newsletter-input input {
    background-color: #e9e9e9;
}

.newsletter-input .button{
    margin: 0 0 0 10px
}

.newsletter-input .button-red{
    margin-top: 0px;

}

#newsletter {
    margin-top: 80px;
}

#newsletter p {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    margin: 0!important;
    font-family: 'Oswald';
}

#newsletter p span {
    color: var(--button-color)!important;
    font-size: 30px;
    font-family: 'Asap Condensed';
}

#newsletter span, #newsletter label {
    color: #ffffff!important;
    font-size: 16px;
    font-family: 'Asap Condensed';
}

#newsletter label {
    margin: 20px 0 10px 0;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Segoe UI';
}

#newsletter_email {
    width: 400px;
}

#newsletter .button {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    background-color: #cc0000!important;
    padding: 6px 25px;
    font-size: 24px;
}

.keywords{
    font-size: 16px;
    font-family: 'Asap condensed';
}

.sample-background-eng-2 .keywords{
    margin-top:20px;
}

/*=====  End of Section 1  ======*/


/*=============================================
=            Section book detalis            =
=============================================*/

.details_top_background {
    background-image: url('../img/details_top.png');
    background-repeat: no-repeat;
    color: #ffffff;
    height: 400px;
}

.card {
    margin:0 auto;
    width: 200px;
    height: 280px;
}

.card .card-body{
    padding:0px 20px;
}

.details_top_background .title {
    font-size: 78px!important;
    font-weight: 600;
    margin: 10px 0 0px 0;
    font-family: 'Asap Condensed', sans-serif;
}

.book_preview {
    margin-top: 25px;
    position: relative;
    max-height: 512px
}

.book_details {
    font-family: 'Asap Condensed', sans-serif;
    /* margin-left: 50px; */
}

.book_details h3 {
    margin: 0px 20px 0 0;
    font-family: 'Oswald';
    font-size: 30px;
}


.pl-0{
    padding-left:0!important;
}

.pr-0{
    padding-right:0!important;
}

.short_description p {
    font-size: 18px
}

.author {
    font-weight: 700;
    font-family: 'Asap Condensed';
    font-size: 20px;
}

.author_alt {
    font-size: 16px
}

.book_details .buy {
    display: flex;
    margin-left: -15px;
    align-items: center
}


.book_details .free_shipping {
    margin: 0 10px 0 5px!important;
}

.buy .button img{
    margin-top:3px;    
    width: 30px;
    height:30px;
    margin-right:10px;
}

.buy .button img{
    margin-top:3px;    
    width: 30px;
    height:30px;
    margin-right:10px;
}

.button-cart-img{
    margin-top:3px;    
    width: 30px;
    height:30px;
    margin-right:10px;
    margin-top:-5px;
}

.price .current_price{
    margin: 0px;
}

.bookpricepanel{
    width:100%;
}

.old_price {
    color: #ff9f00!important;
    text-decoration: line-through;
    font-size: 12px;
    font-weight: 700!important;
}

.old_price td {
    font-family: 'Asap Condensed', sans-serif!important;
}


.current_price {
    font-weight: 700!important;
    font-size: 20px;
}

.book_details .title {
    position: initial;
    
}


.details_top_background .button { 
    /* width: 200px;
    font-weight: 700;
    height:65px;
    padding: 0 */
    font-weight: 700;
    padding: 18px 30px 18px 20px!important;
}

.details {
    color: #666666;
    text-align: center;
    z-index: 1;
}

.details #like_count, .details .like {
    color: #666666!important;
    
}
.details #like {
    margin-right: 15px;
    
}

.details .social {
    font-weight: 700;
}

.social {
    display: flex;
    justify-content: center;
    font-size: 28px;
    align-items: center;
    margin-top:20px;
}

.social p{
    font-family: 'Open sans'!important;
    font-weight: bold!important;
}

.social p i {
    /* margin-right: 30px; */
    cursor: pointer;
}

.book_title {
    font-size: 24px;
    margin-top: 30px;
    text-transform: uppercase;
}

.book_title, .book_data_name{
    font-weight: 700;
    font-family: 'Asap Condensed', sans-serif;

}

.book_data_name {
    margin: 0
}

.data {
    margin-bottom: 10px
}


.details .glyphicon-heart, .details .glyphicon-download-alt {
    font-size: 20px;
    margin-right: 10px
}

.description {
    font-weight: 700;
    color: var(--main-bg-color-2);
    font-family: 'Oswald', sans-serif;
}

.description h1 {
    font-weight: 700;
}

.short_description {
    font-weight: 700;
    font-family: "Oswald", sans-serif!important;
    font-size: 14px;
 }

 .long_description p{
    font-family: "Open Sans", sans-serif!important;
    font-weight: 400!important;
 }


.description p {
    font-weight: 700;
    line-height: 1.7;

}

.stars {
    font-size: 20px;
    color: #ffcc00!important;
}

.main_eng_sample .stars {
    font-size: 20px;
    color: #ffcc00!important;
}

.stars i {
    margin: 2px;
}

.read {
    font-size: 36px!important;
    color: #ffffff!important;
    color: var(--main-bg-color-2);
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    margin: 0!important
}

.description .read {
    color: var(--main-bg-color-2)!important
}

.read span {
    color: #15c65c!important;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    line-height: 0.8!important;
}

.read_email {
    margin-top: 0!important;
    margin-bottom: 30px!important
}

.description label {
    font-size: 16px;
    font-weight: bold;
}

.description .input {
    width: 534px;
    height: 50px;
    background-color: #e9e9e9;
    margin-bottom: 10px
}

.description .input::placeholder {
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200!important;
}

.description .checkboxes {
    margin-left: 0
}

.foreign_info{
    /* margin: 30px 0 0 -15px !important; */
    font-family: 'Oswald', sans-serif!important;
    font-weight: 200!important;
    font-size: 18px;
    line-height: 1.333;
    letter-spacing: 1px;
}

.foreign_buy {
    display: flex;
    margin-bottom: 50px;
}

.foreign_buy .marketlabel{
    font-size: 14px;
}

.foreign_buy table tr td {
    font-family: 'Asap Condensed', sans-serif!important;
}

.amazon, .google_play {
    text-align: center;
}


.amazon table {
    text-align: center;
    margin: 15px
}

.google_play table {
    text-align: center;
    margin: 17px auto;
}


.foreign_buy table tr td {
    padding: 0 10px
}

.current_foreign_price {
    font-size: 24px;
    font-weight: bold;
    color: var(--main-bg-color-2);
}

/*=====  End of Section book detalis   ======*/



/*=============================================
=               Section novells              =
=============================================*/

.novells_background {
    position: relative;
}

.novells_background img {
    position: relative;

}

.novells_figcaption {
    top: 50%;
    left: 22%;
    color: #ffffff;
    position: absolute;
}

.breadcrumb_novells {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Asap Condensed', sans-serif;
    margin: 30px 0
}
.novells_background .type,
.novells_background .title,
.novells_background .date,
.novells_background .check,
.novells_background .see {
    color: #ffffff!important
}

.novells_background .type{
    top: 54%;
    left: 4%;
}

.novells_background .title{
    width: 300px;
    left: 4%;

}

.novells_background .date{
    left: 4%;
}


.novells_background .check{
    left: 4%;
}

.novells_background .see {
    left: 11%;
}

.novell_description {

}

.novell_description p, span, label{
    color: var(--main-bg-color-2)!important;
    line-height: 1.667
}

.novell_description p > span {
    color: var(--button-color)!important;
}

.novell_description .input {
    background-color: #e9e9e9;
}

.novell_description .button {
    padding: 5px 10px;
}

.novell_description #newsletter {
    margin-top: 50px
}

.novell_description #novells {

}

.novell_description #novells h3 {
    margin-bottom: 20px;
    font-family: 'Oswald', sans-serif;
}

.novell_description #newsletter span:nth-child(2){
    color: var(--main-bg-color-2)!important;
}

.novell_description #newsletter label{
    color: var(--main-bg-color-2)!important;
}

.novell_description #novells {

}

#novells .related {
    margin-left: 15px;
    font-size: 36px;
    font-family: 'Oswald';
    
}



#novells .type, 
#novells .title, 
#novells .date, 
#novells .check, 
#novells .see {
    color: #ffffff!important;
    
}

.novell_description .title {
    font-size: 32px!important;
}

/*=====     End of Section novells     ======*/



/*=============================================
=               Section Shop list             =
=============================================*/

.shoplist {
    background-color: #ffffff;
}

.shoplist h4 {
    font-weight: 700;
    margin: 20px 0 0 0
 }

.shoplist hr {
    margin: 0;
    border: 1px solid #000000;
}

.shop {
    text-align: center;
    margin-bottom: 60px;
}

.shop h4 {
    font-weight: 700;
}

.shop p {
    margin: 0
}
/*=====    End of Section shop list     ======*/


/*=============================================
=               Section profile               =
=============================================*/

.profile{
    background-color: var(--main-bg-color-3)!important;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 100px    
}

.profile .button {
    height: 70px;
    margin-top: 10px;
    font-weight: 700;
    font-size: 24px;
    padding:5px 60px;
    margin-left:auto;
    margin-right:auto;
}


.profile .button_2 {
    margin-top: 10px;
    font-weight: 700;
    padding: 10px 30px;
    margin-left: auto;
    margin-right: auto;
    background-color: red
}

.profile h3 {
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 10px 0;
    font-family: 'Asap Condensed', sans-serif;
}

.profile p {
    color:#fff;
}

.profile hr {
    margin: 10px 0px;
    border-color: #fff;
}

.profile label{
    color:#fff!important;
    margin:5px 0px 0px 0px;
}

.profile label.error{
    color:red!important;
    font-size: 13px;
}

.profile input[type=email]{
    color:#fff!important;
}

.profile .inputcontainer{
    text-align: left;
}
.form {
    margin-top: 30px;
    margin-left: -20px
}

.form .input {
    margin-bottom: 10px;
    width: 100%;
    /*background-color: #cccccc;*/
}

.form .input::placeholder {
    font-style: italic;
}

.form .button {
    background-color: #00c269; 
    width: 100%;
    padding: 20px 0;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    font-weight: 700;
}

.form a {
    float: right;
    text-decoration: none;
    color: var(--main-bg-color-2);
    font-weight: 700;
    margin-bottom: 100px
}

.spacer{
    padding:13px 0px;
}

/*=====     End of Section profile     ======*/


.forgot-password-email{
    background-color: var(--main-bg-color-3)!important;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 100px;  
}

.forgot-password-email h2 {
    margin: 0 0 10px 0
}

.forgot-password-email label{
    color:#fff!important;
    margin:5px 0px 0px 0px;
}

.forgot-password-email label.error{
    color:red!important;
    font-size: 18px;
}

.forgot-password-email .button {
    margin-top: 10px;
    font-weight: 700;
    font-size: 24px;
    padding:20px 60px;
    margin-left:auto;
    margin-right:auto;
}

.forgot-password-email .button-sample {
    padding: 10px 25px!important;
}

.message-panel-content {
    line-height: 1.667;
}

.message-panel-content span{
    color:#fff!important;
}

.shops{
    background-color: var(--main-bg-color-3)!important;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 100px; 
}

.shops h2 {
    font-weight: 700;
    color: #ffffff;
    margin: 0!important;
    font-family: 'Asap Condensed', sans-serif;
}

.shops hr {
    margin: 5px 0 10px 0;
}

.payment-status-title{
    font-size: 14px;
}

span.payment-status-text{
    font-size: 14px;
    color:#EDAB01!important;
}

.nopadding{
    padding:0px!important;
}

/*=============================================
=            Section email-reading           =
=============================================*/

.background2 {

    background-image: url('../img/login.png');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}

.modal{
    top: 150px
}

.modal-content {
    background-color: var(--main-bg-color-3);
    color: #ffffff
}

.icon {

    margin: 20px 0;
}

.modal_part {
    border-radius: 5px;
    margin: 5px auto;
}

.modal_part p, .modal_part a {
    text-decoration: none;
    text-align: left;
}

.modal_part a {
    font-weight: bold;
    font-size: 12px;
    color: #ffffff
}

.hi {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
}

.modal-text {
    font-size: 12px;
}

.card-body {
    font-family: 'Asap Condensed'!important;
    position: absolute;
    top: 60%;
    width: 75%
}


.selection-panel{
    background-color: var(--main-bg-color-3)!important;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 100px;      
}

.selection-panel .free{
    background-color: #29b765;
    display: block;
    text-decoration: none;
    color:#fff;
}

.selection-panel .paperback{
    background-color: #edab01;   
    display: block;
    text-decoration: none;
    color:#fff;    
}

.selection-panel .ebook{
    background-color: #ab29b7;  
    display: block;
    text-decoration: none;
    color:#fff;    
}

/*=====  End of Section email-reading   ======*/


/*=============================================
=               Section reader               =
=============================================*/
.reader .registration_data{
    text-align: left;
}

.reader h3 {
    font-size: 30px;
    font-family: "AsapCondensed";
}

.reader label {
    color: #ffffff!important;
    text-align: left
}

.reader .input {
    margin: 10px 0
}
.reader .button {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #ff9f00;
    color: #000000;
    margin-bottom: 20px
}

.reader_button {
    margin-top: 0!important;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    line-height: 1.667;
    border-radius: 10px!important
}
.reader_button span{
    font-family: 'Oswald', sans-serif;
    font-weight: lighter;
    line-height: 1.667;
}

.online-reader{
    width: 100%;
    border-radius: 5px;
}

.online-reader .margin-1{
    margin:100px 0px;
}

.online-reader .margin-2{
    margin:40px 0px;
}

.online-reader .margin-3{
    margin:300px 0px 400px 0px;
}

.online-reader h2{
    text-align: center;
}


#readerpanel{
    min-height:700px;
}

#readerpanel h2{
    text-align: center;
    margin-bottom:30px;
}

#readerpanel h3{
    margin:20px 0px;
}

#readerpanel div{
    clear: both;
    padding:5px 0px;
}
/*=====      End of Section reader     ======*/



/*=============================================
=              Section reader2               =
=============================================*/

.book_reader {
    background-color: #cccccc;
}

.font {
    display: inline-flex;
}

.font_minus_turner, .font_plus_turner {
    background-color: #22c75d;
    color: #ffffff!important;
    padding: 3px 10px;
    border-radius: 5px;
    font-weight: bold;
    border:none;
    display: inline-block;
}

.font_minus_turner:hover, .font_plus_turner:hover {
    opacity: 0.7
}

.sizer-container {
  position:absolute;
  top:12px;
  left:50%;
}

.sizer-inner{
  position: relative;
  left:-50%;
}

.font_size, .font_num {
    font-weight: bold;
}

.book_reader .button {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  line-height: 26px;
  padding: 3px 25px 10px 25px;
  text-decoration: none;
  color:#fff!important;
  white-space: normal;
}

.book_reader .button span{
    font-size: 15px;
    color: #ffffff!important
}


.book_data {
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 10px
}

.book_data h1, .book_data h2 {
    font-weight: bold;
}

.book_data h2 {
  margin-bottom: 20px  
}

.left-pager, .right-pager{
    position: fixed;
    top:40%;
}

.left-pager{
    left:50px;
}

.right-pager {
    right:50px;
}

.turner_left, .turner_right {
    padding: 10px 15px;
    border-radius: 5px;
    background-color: #22c75d;
    color: #ffffff!important;
    font-size: 24px;
    border:none;
}

.turner_left:hover, .turner_right:hover {
  opacity: 0.7;
}

.turner_left_title, .turner_right_title {
    padding:20px 0px;
    font-weight: bold;
}

.turner_title {
    font-weight: bold;
}

.page_input {
    margin-bottom: 38px;
    height: 45px;
    border-radius: 10px;
    width: 60px;
    font-size: 24px;
    font-style: italic;
    padding: 5px
}

.page_turner label {
    font-size: 24px;
}

.page_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.page_input::placeholder {
    padding: 5px;
}

.page_button {
    font-family: 'Oswald', sans-serif;
    border-radius: 10px;
    font-size: 22px;
    padding: 8px 20px;
    background-color: #22c75d;
    border: none;
    box-shadow: none;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
}

.page_button:hover {
  opacity: 0.7;
}
.page_all_number {
    display: inline-block;
    font-size: 24px;
    line-height: 2;
    color: var(--main-bg-color-2);
    margin-right: 18px;
}

.page_turning .button {
    margin-bottom: 30px
}



.size_1 h1{
  font-size:30px;
  line-height: 36px;   
}
.size_1 h2{
  font-size:18px;
  line-height: 24px;   
}
.size_1 h3{
  font-size:14px;
  line-height: 18px;   
}
.size_1, .size_1 p {
  font-size:12px;
  line-height: 18px;   
}

.size_2 h1{
  font-size:36px;
  line-height: 48px;   
}
.size_2 h2{
  font-size:24px;
  line-height: 30px;   
}
.size_2 h3{
  font-size:18px;
  line-height: 24px;   
}
.size_2, .size_2 p {
  font-size:14px;
  line-height: 24px;   
}

.size_3 h1{
  font-size:48px;
  line-height: 60px;   
}
.size_3 h2{
  font-size:30px;
  line-height: 36px;   
}
.size_3 h3{
  font-size:24px;
  line-height: 30px;   
}
.size_3, .size_3 p {
  font-size:18px;
  line-height: 30px;   
}

.size_4 h1{
  font-size:60px;
  line-height: 72px;   
}
.size_4 h2{
  font-size:36px;
  line-height: 48px;   
}
.size_4 h3{
  font-size:30px;
  line-height: 36px;   
}
.size_4, .size_4 p {
  font-size:24px;
  line-height: 36px;   
}

.size_5 h1{
  font-size:72px;
  line-height: 84px;   
}
.size_5 h2{
  font-size:48px;
  line-height: 60px;   
}
.size_5 h3{
  font-size:36px;
  line-height: 48px;   
}
.size_5, .size_5 p {
  font-size:30px;
  line-height: 48px;   
}

.size_6 h1{
  font-size:84px;
  line-height: 96px;   
}
.size_6 h2{
  font-size:60px;
  line-height: 72px;   
}
.size_6 h3{
  font-size:48px;
  line-height: 60px;   
}
.size_6, .size_6 p {
  font-size:36px;
  line-height: 60px;   
}

/*=====     End of Section reader2     ======*/



/*=============================================
=            Section comment block            =
=============================================*/


.book_image_2 {
    margin-bottom: 40px;
    margin-top:30px;
    font-family: "Oswald"; 
}

.book_image_2 .book {
    /* margin-top: 50px; */
    margin: 50px auto 0 auto;
}

.book_title_2 {
    /* margin-top: 25px; */
}

.book_image_2 .read {
    font-weight: bold;
    font-size: 36px;
    font-family: "Oswald"!important;
    color: #ffffff;
}

.contact {
    font-size: 24px;
    font-family: "Oswald", sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.25;
}

.book_image_2 .read_under {
    font-size: 20px;
    font-family: "Asap Condensed";
    margin-bottom: 10px;
}

.contact {
    margin: 40px 0px 0px 0px;
}

.book_image_2 .input {
    width: 100%
}

.book_image_2 label {
    color: #ffffff!important;
    margin: 16px 0
}

.book_image_2 .input {
    font-size: 20px;
    padding: 15px;
    font-style: italic;
    background-color: #e9e9e9;
}

.input option {
    font-style: italic;
    font-size: 20px;
}

.book_image_2 .checkboxes {
    margin: 18px -15px 10px 0
}

.book_image_2 .checkboxes a {
    text-decoration: underline;
}

.book_image_2 .margin {
    margin-top:30px
}

.book_image_2 .button {
    width: 231px;
    height: 69px;
    font-size: 24px;
    font-family: "Oswald";
    line-height: 1;
    margin: 35px 0 25px 0;
    font-weight: 700;
}


.book_image_2 .social {
    justify-content: center;
    align-items: center;
    margin: 30px 20px 30px 0
}

.book_image_2 .free_shipping {
    border: 2px solid #15c65c; 
}

.book_image_2 .old_price {
    margin-left: 0!important;
}

.old_price_2 {
    margin-left: -30px!important
}





/* .book_image_2 .free_shipping  span{
    color:#15c65c!important; 
} */
/*=====  End of Section comment block  ======*/



/*=============================================
=            Section comment block            =
=============================================*/

.payment{
    margin-top: 50px;
    color: #ffffff
}

.modal-body h2 {
    font-weight: 700;
    color: #ffffff;
    margin: 0!important;
    font-family: 'Asap Condensed', sans-serif;
}

.modal-body {
    font-size: 18px;
    line-height: 36px;
}


.modal-body hr {
    margin: 5px 0 10px 0;
}
/*=====  End of Section comment block  ======*/








/*=============================================
=               Section Footer               =
=============================================*/

#footer {
    background-color: #111111;
    color: rgb(204, 204, 204);;
}

#footer_section {
    margin-top: 50px;
    margin-bottom: 30px;
}

#footer_section ul li{
    list-style: none;
    margin-bottom: 10px;
}

#footer_section ul li a {
    margin: 10px;
    cursor: pointer;
}

#footer_section p {
    margin-top: 20px;
}

.social_icon{
    border-radius: 100%;
    margin: 2px;
    font-size: 18px;
}

.social_icon:hover {
    opacity: 0.7;
}

/*.btn-facebook {
    background-color: #385c98;
    color: #ffffff;
    padding: 7px 15px;
    background-image: url('img/facebook.png');
}
.btn-tumblr {
    background-color: #33506e;
    color: #ffffff;
    padding: 7px 15px
}

.btn-pinterest {
    background-color: #d0202b;
    color: #111113;
    padding: 7px 13px
}

.btn-twitter {
    background-color: #26a7e0;
    color: #ffffff
}

.btn-youtube {
    background-color: #bc2024;
    color: #ffffff
}*/

/*=====      End of Section Footer      ======*/




/*=============================================
=                Media querys                 =
=============================================*/

@media only screen and (max-width: 1200px){

    .sample-background{
        background-position: -50px 50px;
        background-size:88%;
    }

    .sample-background-eng{
        background-position: -60px -80px;
        background-size:75%;
    }

    .sample-background-eng-2{
        background-position: -50px 50px;
        background-size: 88%;
    }


    .sample-order-section .writeroffer-eng{
        font-size: 12px;
        padding-top:3px;
    }


    .sample-order-section .button-order{
        padding: 16px 10px;
        white-space: nowrap;
    }

    .main_eng_sample .buy table tr td .current_price{
        font-size: 30px!important;
        line-height: 30px;        
    }

    .main_eng_sample .buy table tr td:first-child {
        padding-right: 10px;
    }

    .universe-container{
        bottom:-250px;
    }

    .figcaption {
        height:400px;
    }

    .card-body {
        width: 70%
    }

    #newsletter .button {
        font-size: 20px;
    }

    .amazon_first {
        margin-right: 0;
    }

    .main_eng .amazon_first {
        margin-right: 0;
    }

    .title {
        font-size: 38px!important;
    }

    .nav li a {
        /*font-size: 13px!important;*/
        padding:15px 10px;
    }

    .book_details {
        font-family: 'Asap Condensed', sans-serif;
        margin-left: 0;
    }


    .form {
        margin: 0
    }

    .social {
        /*margin-left: 50px;*/
    }

    .novells_figcaption {
        top: 59%;
        left: 13%;
    }

    .novell_description {

    }
    

    #novells .title {
        font-size: 25px!important;
    }

    .avatar {
        font-size: 15px
    }

    .book_order .free_shipping span, .book_order_2 .free_shipping span, .book_order_3 .free_shipping span {
        font-size: 10px!important;
    }

    .book_order .current_price, .book_order_2 .current_price, .book_order_3 .current_price {
        font-size: 10px!important;
    }


    .book-prices .title{
        text-align: left;
        font-size:16px!important;
        font-family: 'Asap condensed';    
    }

    .bookpricecontainer.book-bottom{
        padding: 20px 0px 0px 0px;
    }

    .header-container{
        width: 100%!important;
    }

    .giftboxlink{
        right:140px;    
    }
}

@media only screen and (max-width: 1070px){

  .left-pager{
      left:20px;
  }

  .right-pager {
      right:20px;
  }

    #navbar ul li a  {
      padding: 15px 8px;
      font-size: 15px;
    }

}

@media (max-width: 995px) and (min-width: 992px){

    #newsletter .button {
        font-size: 20px!important
    }
}

@media only screen and (max-width: 993px){

    .container {
        width: 95%!important;
    }

    .sample-background{
        background-position: -100px 40px;
        background-size: 95%;  
    }

    .sample-background-eng{
        background-position: -90px 30px;
        background-size: 100%;          
    }

    .sample-background-eng-2{
        background-position: -100px 50px;
        background-size: 95%;        
    }

    .sample-background-eng-2 .keywords{
        margin-top:0px;
    }


    .sample-background-eng-2 .foreign_info{
       text-align: center;
    }

    .sample-order-section{
        text-align: center;
    }

    .desktop-eng-button{
        text-align: center;
    }

    .desktop-eng-button .button{
        padding:15px 20px!important;
        font-size: 22px!important;
    }

    .desktop-eng-button .social p{
        font-size: 24px!important;
    }

    .universe-container{
        bottom:-230px;
    }



    .buying .buy {
        display: inline-flex;
    }

    .desktop-eng-button .mr-10{
        margin-right: 0px;
    }

    .figcaption {
        height:340px;
    }

    .blogcontainer{
        width:auto!important;
    }

    .book_details .current_price {
        font-size: 10px
    }

    .book-details-page .button-yellow {
        font-size: 14px;
        padding:18px 8px!important;
    }

    .english td{
        padding-right:3px;
        font-size: 14px;
    }

    .english .discountnumber{
        font-size: 24px;
        line-height: 24px;
    }

    #newsletter .button {
        font-size: 24px;
    }

    .book_details .buy .button img {
        /*width: 14%;
        margin-right: 10px;*/
    }

    .left-pager, .right-pager{
        position: absolute;
        z-index:100;
        top:auto;
        bottom:-144px;
    }

    .main_eng .italic{
        text-align: center;
    }

    .left-pager{
        left:0px;
    }

    .right-pager {
        right:0px;
    }


    .avatar {
        margin-top: 1px
    }

    .navbar .container {
        width: 100%!important;
    }

    .navbar-brand {
        /*margin-left: -55px!important;*/
    }

    .navbar-right {
        margin-right: -25px;
    }

    #navbar ul li a  {
      padding: 15px 4px;
      font-size: 14px;
    }

    #navbar ul li a.cart {
        margin:15px 2px;
    }

    .navbar-right li {
        padding: 0
    }

    .type, .date, .check, .see {
        font-size: 15px!important;
    }

    .title {
        font-size: 30px!important;
    }

    .novells_background .title{
        width: 200px;
        left: 4%;
        top: 61%
    }

    .checkboxes p {
        font-size: 12px;
    }

    .description .input {
        width: 100%
    }

    .novells_figcaption {
        top: 54%;
        left: 15%;
    }

    .social {
        margin-left: 0
    }
    
    .book_image .social {
        display: flex;
        font-size: 30px;

    }

    .book_image .social .glyphicon-heart {
        font-size: 30px!important;
    }

    .book_image .foreign_buy {
        margin: 0 100px 100px 100px;
    }

    .book_image_2 {
        background-position: -9% -1%;
    }

    .book_image_2 .book {
        margin: 50px auto
    }


    .foreign_buy {
        justify-content: center;
    }


    .book_reader .button {
      width:100%;
      padding: 20px;
      font-size:30px;
    }

    .book_reader .button span{
      font-size:24px;
      line-height:40px;
    }

    #newsletter_email {
        margin-bottom: 20px;
    }
    
    .main_eng .read_under table {
        margin: 0 auto;
        margin-top:30px;
        margin-bottom: 30px;
    }

    .main_eng .foreign_info {
        text-align: center;
    }

    .book_order .free_shipping, .book_order_2 .free_shipping, .book_order_3 .free_shipping {
        padding: 5px 7px 6px 7px;
    }

    .book_order .free_shipping span, .book_order_2 .free_shipping span, .book_order_3 .free_shipping span {
        font-size: 12px!important;
    }

    .book_order .current_price, .book_order_2 .current_price, .book_order_3 .current_price {
        font-size: 18px!important;
    }


    .bookpricecontainer{
        padding-top: 20px;
        padding-right: 0px;
    }

    .bookpricecontainer.book-bottom{
        padding-left: 0px;
    }

    .book-prices .bookpricearrow{
        display: block;
    }
    /*
    .main_background .read_under{
        color: #EDAB01;
    }*/


    .book-prices .bookpricetitle{
        display: block;
    }


    .btncontainer{
       text-align: center;
    }

    .btncontainer img{
       display: inline;
    }

    .book_name {
        margin: 30px auto 20px auto;
    }

    .book-top-eng{
        padding-top:0px;
    }

    .eng_top_content{
        padding-top: 0px;
    }

    .eng-offer-table{
        display: table;
    }

    .giftboxlink{
        top:0px;
        right:130px;    
    }


    .giftboxlink img{
       width:50px;
    }


}

@media only screen and (max-width: 850px){
    #navbar ul li a  {
      padding: 15px 4px 15px 3px;
      font-size: 13px;
    }


    .sample-background{
        background-position: -100px 50px;
        background-size: 100%;  
    }

    .sample-background-eng{
        background-position: -60px 70px;
         background-size: 100%;        
    } 

    .sample-background-eng-2{
        background-position: -100px 50px;
        background-size: 100%;       
    }

    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -25px;
    }

    .universe-container{
        bottom:-210px;
    }

    .order-shipping-text,  .order-shipping-text span{
        font-size:12px!important;
    }

    .figcaption {
        height:280px;
    }

    .giftboxlink{
        right:130px;    
    }
}

@media only screen and (max-width: 767px){

    .content-container, .novells_background{
        padding-top:70px;
    }

    .sample-background{
        background-position: -80px 30px;
        background-size:100%;
    }

    .sample-background-eng{
        background-position: -130px -30px;
        background-size:130%;        
    } 

    .sample-background-eng-2{
        background-position: -80px 30px;
        background-size:100%;       
    } 

    .sample-eng-input input{
        width:100%;
    }

    .sample-eng-input label{
        color:#fff!important;
        margin:10px 0px;
    }

    .sample-eng-input .button-sample, .sample-hun-input .button-sample{
       width:100%;     
    }

    .sample-eng-input .checkboxes{
        margin-top:17px;
    }

    .figcaption {
        height:260px;
    }

    #newsletter {
        margin-top: 40px;
    }

    p.read{
        margin:20px 0px!important;
    }

    .keywords, .read, .read_under{
        text-align: center;
    }

    .plus-sign-color{
        color:#666666!important;
    }

    #navbar{
        margin-top: 10px;
    }

    .navbar-nav {
        margin: 0px -15px;
    }

    .nav>li {
       border-bottom: 1px solid #ddd;
    }

    .nav>li a {
       padding-left:15px!important;
    }

    .background{
        background-image: url(../img/login3.png);
        background-position: center 59px;
        background-color:#000;
        padding-top:130px!important;
    }

    .background{
        background-size: 100% auto;
    }

    .main-data p {
        margin:0px;
    }

    .modal {
        top: 100px;
    }

    .modal .choose-format-text{
        font-size: 14px;
        line-height: 21px;
    }

    .login hr, .registration hr, .forgot-password-email hr, .selection-panel hr, .shops hr, .profile hr, .readercard hr, .modal-body hr{
        border-top: 1px solid #333;
    }

    .login_data{
        margin-top:0px;
    }

    .login_data p{
        font-size: 14px;
    }

    .book_data{
        padding: 15px;
    }

    #readerpanel{
        min-height: 300px;
    }

    .book_image .input {
        margin-bottom: 0px!important;
    }

    .book_details .current_price {
        font-size: 20px
    }

    .book_details .button {
        font-size: 24px
    }   

    .free_shipping span {
        font-size: 12px
    }

    .book_order .free_shipping, .book_order_2 .free_shipping, .book_order_3 .free_shipping {
        /*width: 250px;*/
        display: inline-block;
        margin: 0 auto;
    }

    .plus-sign{
        display:block;
    }

    .foreign_info{
        text-align: center;
    }

    .mobile_menu {
        display: block;
        float: right;
        position: relative;
        padding: 6px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        border-radius: 30px;
        border: 1px solid #ddd;
        overflow:hidden!important;
        -webkit-appearance: none;
        background-color:#fff;
    }

    .mobilecart{
      display: inline-block;
    }

    .book_image_2 .social {
        display: block
    }

    .input::placeholder {
        font-size: 12px;
    }

    .foreign_buy {
        margin-bottom: 30px;
    }

    .stars {
        margin-top: 15px
    }

    .book_preview{
        width: 50%;
    }

    .contact {
        margin: 30px 0px 0px 0px!important;
        text-align: left!important;
    }

    .book {
        /*width: 50%;*/
    }

    .padding-xs-0 {
        padding-top: 0!important
    }
    .book_details {
        text-align: center;
        z-index: 1000;
    }

    .book_details .buy {
        margin: 0!important
    }

    .book_details .current_price{
        color: #666666;
    }

    .book_details .author, .book_details .author_alt, .book_details .title, .book_details h3 {
        color: #666666;
        margin-bottom: 20px!important;
    }

    .main_eng_sample .buying p {
        text-align: center;
        margin-bottom: 30px;
    }

    .main_eng_sample .buy table {
        margin: 0 auto;
    }

    .main_eng_sample .buy .button {

        margin: 30px auto 0 auto;
    }

    .book_name {
        margin: 0 auto 15px auto
    }

    .main-data p {
        text-align: center;
    }

    /*
    .main-data .read {
        margin-bottom: 15px!important;
        font-size: 24px!important;
    }*/

    #like_count, .like {
        color: #ffffff!important
    }

    .like {
        margin-right: 20px
    }

    .read_under {
        margin-bottom: 0!important;
    }

    /*
    .main-data .read span {
        font-size: 50px;
    }*/
    
    .arrow {
        display: inline-block;
        padding:10px 40px 0px 0px;
    }


    .card{
        width:auto;
        height:250px;
    }
    
    .card .card-body{
        width:auto;
    }

    .buy .button img {
        margin-top:3px;
        width: 30px;
        height:30px;
        margin-right: 10px;
    }

    .buy .button {
        justify-content: center;
    }

    .newsletter-input{
        display: block;
    }

    .newsletter-input .button{
        margin: 0
    }
    
    .navbar {
      padding: 4px 0px;
    }

    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-top: -14px;
        margin-left: 0px;
    }

    #navbar ul li a{
        font-size: 22px!important;
    }

    .navbar li.mobilemenu{
      display: block!important;
    }

    .navbar li.desktopmenu{
      display: none!important;
    }

    .novells_figcaption {
        top: 40%;
        left: 5%;
    }

    .novell_description {

    }

    .dropdown-menu {
        text-align: left;
    }
    .checkboxes p {
        font-size: 15px;
    }

    .hr-right{
        border: none
    }

    .types img {
        margin: 0px auto 20px auto
    }

    #section_start {
        text-align: center;
    }

    #newsletter {
        text-align: center;
    }

    #footer_section ul {
        margin-bottom: 20px
    }

    #footer_section ul li {
        text-align: center;
    }

    .margin {
        margin: 0 15px
    }

    #novells .title {
        font-size: 30px!important;
    }

    .book_image .foreign_buy {
        margin: 0 50px 100px 50px;
    }

    .book_image{
        background-position: 5% 8%;
        background-size: 1200px;
    }

    .eng_top_content {
        text-align: center;
    }

    .eng_top_content .read_under table .old_price {
        margin: 4px!important
    }

    .eng_top_content .read_under table .current_price {
        font-size: 28px!important;
    }

    .eng_top_content .read_under table tr td:first-child{
        font-size: 16px;
        line-height: 22px;
        padding-top:4px;
    }

    .eng_top_content .button{
        font-size: 21px;
        padding:20px 15px;
    }

    .eng_xs_content .read_under {
        text-align: left;
    }

    .buying .buy{
        display: block;
        text-align: center;
    }

    .main_eng_sample .buy {
        align-items: center;
        margin-left: 0px;
    }

    .buying .free_shipping {
        margin: 12px 0px 20px 0px !important
    }

    .flex_middle {
        display: flex;
        vertical-align: middle;
        justify-content: center;
    }

    .book_image{
        padding-top:10px!important;
    }

    .book_image .social {
        display: flex;
        vertical-align: middle;
        justify-content: center;
    }

    .book_details p {
        margin: 0
    }

    .book_details .buy {
        display: flex;
        /* margin-left: -55px; */
        vertical-align: middle;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }



    .book_preview {
        margin: 25px auto 0 auto
    }


    .figcaption .type {
        top: 42%;
    }

    .figcaption .title {
        top: 51%;
    }

    .figcaption .date {
        top: 72%;
    }

    .figcaption .check {
        top: 80%;
    }

    .figcaption .see {
        top: 80%;
    }

    #section_start .margin {
        margin: 0
    }
    #section_start .margin .button{
        margin-right: 10px
    }

    .universe .amazon {
        margin: 0
    }

    .article .type {
        top: 50%!important;
    }

    .article .title {
        top: 60%!important;
    }

    .article .date {
        top: 82%!important;
    }

    .article .see {
        top: 90%!important;
        left: 14%;
    }

    .article .check {
        top: 90%!important;
    }


    .book-prices .free_shipping span{
        font-size: 12px!important;
    }

    .details_top_background{
        display: block!important;
        height: auto;
    }


    .book-details-page .button-yellow {
        padding:18px 20px!important;
        margin-bottom:20px;
    }

    .english{
        margin-bottom:20px;
        width:100%;
        color:#666;
    }

    .english td{
        padding-right: 0px;
        color:#666;
        font-size: 16px;
    }

    .english .discountnumber{
        font-size: 34px;
        line-height: 34px;
    }

    .english .pricelabel{
        width: 30%;   
    }

    .english .pricenumber{
        width: 10%;
    }

    .english .auto{
        width:20%;
    }

    .english .pricelabel{
        text-align: left;
    } 

    .offer-modal .modal-dialog{
        width:100%;
        margin:0px;
    }

    .giftboxlink{
        display: none;
    }

    .mobilegiftboxlink{
        display: block;
        position:absolute;
        top:-10px;
        right:170px;
        z-index: 10;       
    }

    .mobilegiftboxlink img{
        width: 100px;
        height: auto;
    }


}

@media only screen and (max-width: 700px){

    .sample-background-eng{
        background-position: -120px -30px;
        background-size:130%;        
    } 

    .colorcard{
        padding-right:10px;
        padding-left: 10px;
    }

    .universe-container{
        bottom:-190px;
    }

    .card img, .offer-modal .modal-dialog .modal-body .card img{
        width:80px;
        height:80px;
    }

    .card .font_bold, .offer-modal .modal-dialog .modal-body .card .font_bold{
        font-size:13px;
        line-height: 16px;
    }

    .main_eng .read_under table{
        margin-top:20px;
        margin-bottom:20px;
    } 

    .book_content_top{
        display: block!important;
    }

    .book_content_top .price{
        width:100%;
    }
    .book_content_top span.free_shipping{
        display:inline-block;
        margin-bottom:20px!important;
    }

    .book_content_top a.button-yellow{
        display:inline-block;
    }

    .book_content_top span.breaker{
        display: block;
    }

    .book_content_top span.free_shipping .justify{
        display:inherit;
        margin:0px;
        vertical-align: middle;
    }

    .book-prices .plus{
        padding-top: 5px;
        padding-bottom: 5px;        
    }

}

@media only screen and (max-width: 640px){

    .sample-background{
        background-position: -70px 30px;
    }

    .sample-background-eng{
        background-position: -110px -30px;       
    } 

    .sample-background-eng-2{
        background-position: -70px 30px;           
    } 

    .universe-container{
        bottom:-170px;
    }

    .eng_top_content .button{
        font-size: 18px!important;
        padding:15px 15px!important;
    }

    .eng_top_content .read_under table tr td:first-child{
        font-size: 14px;
        line-height: 22px;
    }

    .desktop-eng-button .social{
        margin-top:10px;
    }

    .desktop-eng-button .social p{
        font-size: 18px!important;
    }

    .main_eng .read_under table{
        margin-top:10px;
        margin-bottom:10px;
    } 

    .card .card-body{
        top:55%;
        padding:0px 10px; 
    }

    .card{
        height: 210px;
    }


    .bookpricecontainer{
        padding:0px;
    }

    .book-prices .number{
        font-size: 28px;
        line-height: 24px;
    }

    .book-prices .title.eng{
        padding-top:10px;
    }

    .logged-content p.read{
        margin:10px 0px!important;
    }

    .logged-content .social{
        margin-top: 10px;
    }

}

@media only screen and (max-width: 600px){
    .button{
        font-size:20px!important;
        padding-top:15px!important;
        padding-bottom:15px!important;
    }

    p.read{
        margin:10px 0px!important;
    }

    .universe-container{
        bottom:-160px;
    }


    .logged-content .button-sample, .logged-content .button-order{
        display: none;
    }

    .logged-content .social{
        font-size: 20px;
    }

    .logged-mobile-button{
        display:block!important;
        max-width: 300px;
        text-align: center;
        margin: 0 auto;
        margin-top:20px!important;
    }

    .col-xxs-12{
        width:100%;
    }

    .figcaption {
        height:400px;
    }


  .book-recommender p{
    font-size: 24px; 
    line-height: 24px;
    margin:0px;
    margin-left:30px;    
  }

  .book-recommender p:before {
    width: 16px;
    height: 16px;
    margin-bottom: 0px;
  }

    
}


@media only screen and (max-width: 539px){


    .sample-background-eng{
        background-position: -100px -30px;       
    } 

    .desktop-eng-button{
        display: none;
    }

    .universe-container{
        bottom:-150px;
    }

    .mobile-eng-button{
        display: block;
    }

    .mobile-eng-button .button{
        text-align: center!important;
    }

    .mobile-eng-button .social{
        margin-top:30px!important;
    }

    .mobilehide{
        display: none;
    }

    .mobileshow{
        display: block;
        text-align: center;
    }

    .mobileshow .old_price{
        margin:0px;
        padding-top:20px;
    }

    .mobileshow .offer-text{
        color:#FF9F00!important;
        font-weight: 700;
        text-transform: uppercase;
        margin: 20px 0px;
        font-size: 16px;        
    }

    .mobileshow .current_price{
        font-size: 36px;
    }

    .mobile-eng-button .button{
        display: block;
        margin:0px;
        margin:10px auto;
    }

    .book_details .free_shipping {
        margin-bottom:20px!important
    }

    .card,  .offer-modal .modal-dialog .modal-body .card{
        height:220px;
    }

    .card img,  .offer-modal .modal-dialog .modal-body .card img{
        width:60px;
        height:60px;
    }
    
    .card .card-body p, .offer-modal .modal-dialog .modal-body .card .liked{
        font-size:12px;
    }

    .card .font_bold, .offer-modal .modal-dialog .modal-body .card .font_bold{
        font-size:12px;
    }

    .colorcard{
        padding-right:5px;
        padding-left: 5px;
    }

    /*
    .book-prices .free_shipping span{
        font-size: 10px!important;
    }*/

    .read, .read_under{
        text-align: center;
    }

    .book-prices .bookpricearrow{
        padding-top:20px;
    }

    .book-prices .bookpricetitle{
        font-size: 16px;
    }

    .details_top_background {
        background-size: auto 350px;
    }

    .english{
        margin-bottom:20px;
        width:100%;
    }

   .english td{
        padding-right: 0px;
        color:#666;
        font-size: 14px;
    }

    .english .discountnumber{
        font-size: 24px;
        line-height: 24px;
    }

    .english .pricelabel{
        text-align: left;
    } 

    .bookpricecontainer .social{
        margin-top: 10px!important;
    }
}

@media only screen and (max-width: 498px){


    .sample-background{
        background-position: -50px 30px;
    }

    .sample-background-eng{
        background-position: -90px -30px;       
    } 

    .sample-background-eng-2{
        background-position: -50px 30px;         
    } 

    .universe-container{
        bottom:-140px;
    }

    .categories a.button-red{
        padding:8px 14px!important;
    }

    .keywords{
        font-size: 14px;
    }

    .book_image .read_under{
        padding: 0px 0px 0px 10px;
    }

    .book_image .main-data{
        padding:0px 0px 0px 10px;
    }

    .logged-content .button-info{
        padding: 10px 20px!important;
        font-size: 16px!important;
        display: inline-block;
        width: auto;
    }

    .logged-content .social{
        margin-top:20px;
        font-size: 16px!important; 
    }

    p.read{
        font-size: 28px!important;
        line-height: 36px;
    }

    .arrowcontainer{
        padding-top:10px;
    }

    .card, .offer-modal .modal-dialog .modal-body .card{
        height:200px;
    }

    #newsletter_email {
        width: 300px;
        margin-bottom: 10px;
    }

    .page_turner label{
      display: none;
    }

    .page_all_number {
      margin-right: 4px;
    }

    .page_button {
      padding: 8px 10px;
    }

    .sizer-container {
        left: 55%;
    }

    .book_details .buy {
        margin-left: -55px;
    }

    .book-prices .title, .book-prices .plus{
        padding-left:10px;
        font-size: 16px!important;
    }

    .book-prices .free_shipping{
        margin: 0px -10px;
    }

    /*
    .book-prices .free_shipping img{
        height:30px;
        margin-bottom: 0px;
    }*/

    .book-prices .bookpricetitle{
        font-size: 14px;
    }

    .details_top_background {
        background-size: auto 300px;
    }

    .format-btn{
        margin: 0 auto;
        margin-bottom: 10px;
        display: block!important;
        width: 200px;
    }

    .offer-modal .modal-dialog .modal-body{
       padding:10px;
    }

}

@media only screen and (max-width: 450px){

    .sample-background{
        background-position: -50px 30px;
    }

    .sample-background-eng{
        background-position: -85px -30px;       
    } 

    .sample-background-eng-2{
        background-position: -50px 30px;
        background-size: 100%;
    }

    .universe-container{
        bottom:-130px;
    }

    .mobileshow .offer-text{
        font-size: 14px;
        margin:15px 0px;      
    }

    .card, .offer-modal .modal-dialog .modal-body .card{
        height:180px;
    }

    .card .card-body p .offer-modal .modal-dialog .modal-body .card .liked{
        font-size:11px;
    }

    .card .font_bold, .offer-modal .modal-dialog .modal-body .card .font_bold{
        font-size:11px;
    }
    .colorcard{
        padding-right:3px;
        padding-left: 3px;
    }

    .card .card-body{
        top:50%;
    }

    .book-prices .title, .book-prices .plus{
        padding-left: 0px;
        font-size: 12px!important;
    }


    .book-prices .number{
        font-size: 22px!important;
    }
    .book-prices .bookpricetitle{
        font-size: 12px;
        padding-bottom: 0px;
    }

    .img-responsive.book{
        margin-left: -20px;
    }

    .book-prices .free_shipping{
        margin:0px -30px;
    }

    .details_top_background {
        background-size: auto 280px;
    }

    .main_eng .italic {
        margin-top:10px;
    }

    .main-data p.read{
        font-size: 24px!important;
    }

    .main-data .read span{
        font-size: 48px;
    }

    .order-first span.greentext, .book_order_2 span.greentext{
        font-size: 24px!important;
    }

    .bookpricecontainer span.order-shipping-text, .bookpricecontainer span.order-shipping-text del{
        font-size: 11px!important;
    }

    .free_shipping span{
        padding-left: 0px;
    }

    .mobile_menu{
        margin-right: 10px;
    }

    .mobilegiftboxlink{
        display: block;
        position:absolute;
        top:-6px;
        right:150px;       
    }

    .mobilegiftboxlink img{
        width: 90px;
        height: auto;
    }

}

@media only screen and (max-width: 400px){

    .sample-background{
        background-position: -45px 25px;
    }

    .sample-background-eng-2{
        background-position: -45px 25px;
    }

    .universe-container{
        bottom:-110px;
    }

    .font_size {
      display: none;
    }

    .delete_link{
        float: none;
    }

    .registration_data{
        text-align: center;
    }

    .details_top_background {
        background-size: auto 260px;
        background-position: top left -80px;
    }

    .book-recommender p{
        font-size: 20px;    
    }


}

@media only screen and (max-width: 365px){

    #newsletter_email {
        width: 150px;
    }

    .book_content_top span.free_shipping .justify{
        font-size:10px;
    }

    .free_shipping span.order-shipping-text, .free_shipping span.order-shipping-text span{
        font-size: 9px!important;
    }

    .buying .buy, .book_details .book_content_top{
        padding-left:0px;
        padding-right: 0px;
    }



    .mobile_menu{
        margin-right: 5px;
    }

    .mobilegiftboxlink{
        display: block;
        position:absolute;
        top:-6px;
        right:150px;       
    }

    .mobilegiftboxlink img{
        width: 90px;
        height: auto;
    }

    .navbar-toggle{
        margin-right: 5px;
    }

    .mobilecart{
        margin-right: 10px;
    }



    .mobilegiftboxlink{
        top:-6px;
        right:130px;       
    }



}

/*=====   End of Section Media querys  ======*/

.text-white{
    color: #ffffff !important;
}

.a-link{
    cursor: pointer;
}

.padding-0{
    padding: 0px;
}

.gifts{
    background-color: black!important;
}

#sent-tab{
    background-color: white;
    border-radius:10px;
    color: black;
    padding: 5px 10px!important;
}

#recieved-tab{
    background-color: white;
    border-radius:10px;
    color: black;
    padding: 5px 10px!important;
}

#myGiftsTab{
    border-bottom: none!important;
}

.btn-gift{
    color: #000000;
    background-color:#ffffff;
    border-radius: 10px;
}

.btn-new-gift{
    color: white;
    background-color:orange;
    border-radius: 10px;
}

.btn-resend{
    color: white;
    background-color:red;
    border-radius: 10px;
}

.thead{
    background-color: grey;
}

.gitfs-table>thead>tr>th {
    vertical-align: middle;
}

.gitfs-table{
    border-collapse:separate; 
                border-spacing:0 10px; 
}

.thead-tr{
    background-color:#474747;
    height: 45px;
}
.thead-tr > th:nth-child(1){
    background:#474747;
    border-radius:10px 0px 0px 10px;
}
.thead-tr > th:nth-child(7){
    background:#474747;
    border-radius:0px 10px 10px 0px;
}

.gift-data-row > th:nth-child(1){
    background:#2b2b2b;
    border-radius:10px 0px 0px 10px;
}
.gift-data-row > td:nth-child(7){
    background:#2b2b2b;
    border-radius:0px 10px 10px 0px;
}

.gift-data-row2 > td:nth-child(1){
    background:#2b2b2b;
    border-radius:10px 0px 0px 10px;
}

.gift-data-row2 > td:nth-child(2){
    background:#2b2b2b;
}

.gift-data-row2 > td:nth-child(3){
    background:#2b2b2b;
}
.gift-data-row2 > td:nth-child(4){
    background:#2b2b2b;
    border-radius:0px 10px 10px 0px;
}

.borderless td, .borderless th {
    border: none!important;
}

.gift-data-row{
    background-color: #2b2b2b;
}

.btn-view{
   color: white;
    background-color:#0cbc79;
    border-radius: 10px;
}

.vcenter{
    vertical-align: middle!important;
}

.mb-15{
    margin-bottom: 15px;
}

.no-pd{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.gift-block{
    border-radius: 10px;
    background:#2b2b2b;
    border-collapse:separate; 
    border-spacing:0 10px; 
    margin-bottom: 15px;
    padding-top: 10px;
}

.btn-resend-mobile{
    color: white;
    background-color:red;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top:15px;
}

.btn-view-mobile{
   color: white;
    background-color:#0cbc79;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top:15px;
}

.l-25{
    left: -25%;
}

.profile-mobile{
    background-color: var(--main-bg-color-3)!important;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 100px    
}