.shadow-sm {
height: 680px;
}
#prevP, #nextP {
cursor: pointer;
}
#adal-contacts {
display: grid;
grid-template-columns: 60% 40%;
gap: 50px;
}
#header_account_open {
top: 45px;
}
#loadingIndicator {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border: 3px solid rgba(0, 0, 0, 0.3);
border-top: 3px solid gray;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#genre-link::hover {
text-decoration: underline !important;
}
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
}
.modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border-radius: 10px;
width: 50%;
max-height: 70vh;
overflow-y: auto;
}
main{
min-height: 70vh;
}
.content{
width: 70%;
margin:0 auto;
position: relative;
}
header{
height: 120px;
}
.top_header_line{
background-color: #e4e4e4;
width: 100%;
height: 30px;
}
.b2b_account_info_quest_contact a{
text-decoration:none;
}
.top_header_line p{
margin-top: 0;
color: #003955;
float: right;
padding-top: 6px;
}
.top_header_line a{
color: #003955;
text-decoration: none;
font-size: 15px;
}
.main_header{
width: 100%;
background-color: #1b1629;
}
.header_content{
padding-top: 15px;
padding-bottom: 12px;
position: relative;
display: flex;
align-items: center;
}
.search_title{
display: inline-block;
margin: 0;
color: white;
text-align: right;
font-weight: 300;
margin-right: 16px;
vertical-align: top;
}
.search{
display: inline-block;
height: 40px;
overflow: hidden;
position: relative;
margin-left: 140px;
}
.header_mobile_search_window{
display: none;
}
#search_input{
padding: 0;
margin: 0;
border:none;
height: 40px;
width: 660px;
border-radius: 6px 0 0 6px;
padding-left: 15px;
font-size: 14px;
vertical-align: middle;
}
#search_input:focus{
outline: none;
}
#logo_img{
width: 150px;
}
input[type="search"]::-webkit-input-placeholder { color: #ddd; }
input[type="search"]:-ms-input-placeholder { color: #ddd; }
input[type="search"]::-ms-input-placeholder { color: #ddd; }
input[type="search"]::-moz-placeholder { color: #ddd; }
input[type="search"]::placeholder { color: #ddd; }
#search_button{
padding: 0;
margin: 0;
border:none;
height: 40px;
width: 46px;
position: relative;
background-color: #ff4b4b;
background-image: url(../icons/search.png);
border-radius: 0 6px 6px 0 ;
background-repeat: no-repeat;
background-position: 50%;
background-size: 50%;
vertical-align: middle;
text-align: left;
cursor: pointer;
display: inline-block;
right: 4px;
}
#search_button:focus{
outline: none;
}
#lang{
cursor: pointer;
position: absolute;
}
.lang{
display: inline-block;
vertical-align: top;
padding-top: 10px;
padding-left: 10px;
cursor: pointer;
margin-right: 35px;
}
.lang img{
width: 30px;
position: relative;
bottom: 2.5px;
}
.show_lang{
display: inline-block;
vertical-align: top;
padding-top: 15px;
padding-left: 10px;
padding-bottom: 0px;
padding-right: 20px;
cursor: pointer;
margin-right: 35px;
position: relative;
height: auto;
background: #e4e4e4;
border-radius: 5px;
}
.choose_lang_style{
display: block;
margin-bottom: 10px;
position: relative;
bottom: 2.5px;
}
.choose_lang_arrow{
position: absolute;
top: 10px;
right: 2px;
}
.hidden{
display: none !important;
}
.header_account{
display: inline-block;
vertical-align: top;
cursor: pointer;
margin-left: 14px;
float: right;
width: auto;
}
.header_mobile_account{
display: none;
}
.header_account p{
margin: 0;
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 14px;
}
.header_account p:hover{
text-decoration: underline;
}
.header_account a{
text-decoration: none;
}
.header_cart{
display: inline-block;
vertical-align: top;
float: right;
padding-top: 2px;
cursor: pointer;
color: #e2ae08;
}
.cart_sum{
}
.cart_icon{
background-image: url(../img/cart_icon.svg);
width: 44px;
height: 32px;
background-repeat: no-repeat;
background-position: 50%;
border-right: 1px solid #4d7588;
background-size: 24px;
display: inline-block;
}
.header_cart a{
text-decoration: none;
color: #e2ae08;
font-size: 14px;
}
.header_cart p{
margin:0;
display: inline-block;
vertical-align: top;
padding-top: 9px;
font-size: 14px;
font-weight: 500;
}
.nav_header{
background-color: #003955;
height: 43px;
}
.header_nav_content{
}
.header_nav_content ul{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 300;
}
.header_nav_content ul li{
display: inline-block;
color: #fff;
margin-right: 72px;
padding-top:12px;
padding-bottom: 11px;
box-sizing: border-box;
}
.header_nav_content ul li:hover{
border-bottom: 1px solid #fff;
}
.header_nav_content ul li a{
color: #fff;
text-decoration: none;
}
.b2b_link{
border:2px solid #fff;
padding-top: 4px !important;
padding-bottom: 4px !important;
padding-left: 10px;
padding-right: 10px;
border-radius: 7px;
margin-right: 35px !important;
cursor: pointer;
}
.b2b_link:hover{
text-decoration: underline;
}
.b2b_link_nav{
border:2px solid #fff;
padding-top: 4px !important;
padding-bottom: 4px !important;
padding-left: 10px;
padding-right: 10px;
border-radius: 7px;
margin-right: 35px !important;
cursor: pointer;
}
.b2b_link_nav:hover{
text-decoration: underline;
}
#b2b_link_nav{
border:2px solid #fff;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
border-radius: 7px;
margin-right: 35px;
cursor: pointer;
}
#b2b_link_nav:hover{
text-decoration: underline;
}
.sort_header{
width: 100%;
height: 40px;
background-color: #e4e4e4;
}
.header_sort_content ul{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 300;
display: inline-block;
}
.header_sort_content ul li{
display: inline-block;
color: #fff;
margin-right: 35px;
padding-top:12px;
padding-bottom: 10px;
box-sizing: border-box;
}
.header_sort_content ul li a{
color: #2a2a2a;
text-decoration: none;
}
.header_sort_content ul li:hover{
border-bottom: 1px solid #003955;
}
#visit_link{
float: right;
display: inline-block;
padding-top: 10px;
color: #1c88bc;
font-weight: 500;
text-decoration: underline;
cursor: pointer;
}
a {
text-decoration:none;
}
.category_content h2{
color: #002537;
margin: 20px 0 25px;
}
.category_row_1{
margin-bottom: 13px;
}
.category_row{
width: 100%;
display: flex;
justify-content: space-between;
}
.category_item{
display: inline-block;
text-align: center;
width: 260px;
height: 70px;
border:1px solid #e4e4e4;
border-radius: 5px;
color: #409cc9;
font-size: 17px;
font-weight: 500;
vertical-align: middle;
line-height: 20px;
display:flex;
align-items:center;
justify-content:center;
}
#header_all_categories{
cursor: pointer;
border: 1px solid #007bb7;
}
#header_all_categories img{
position: relative;
right: 12px;
}
#header_all_categories_kaz{
cursor: pointer;
border: 1px solid #007bb7;
}
#header_all_categories_kaz img{
position: relative;
right: 12px;
}
.category{
margin-bottom: 30px;
}
.category_item:hover{
text-decoration: underline;
}
.all_categories_background{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width:100vw;
background: #000;
opacity: 0.5;
z-index: 900;
}
.all_categories{
}
.all_categories_content{
/*height: 370px;*/
background: #fff;
opacity: 1;
position: fixed;
z-index: 901;
border-radius: 5px;
top: calc(50% - 300px);
left: calc(50% - 544px);
width: 650px;
margin: 0 auto;
}
.all_categories_hidden{
display: none;
}
.all_categories{
padding-left:30px;
padding-right: 30px;
padding-top: 30px;
padding-bottom: 10px;
display: flex;
justify-content: space-between;
}
.all_categories a{
text-decoration: none;
}
.all_categories .all_categories_column h4{
color: #007bb7;
text-align: left;
display: inline-block;
font-size: 18px;
margin-top:0;
margin-bottom: 20px;
font-weight: 500;
}
.all_categories h4:hover{
text-decoration: underline;
}
.all_categories_column{
display: flex;
flex-direction: column;
overflow-y: scroll;
height: calc(100vh - (50vh - 300px) - 100px);
}
.all_categories_column::-webkit-scrollbar{
background: #fff;
}
.scroll__line{
display: flex;
flex-direction: column;
}
#international_category{
margin-bottom: 20px ;
}
#science_category{
margin-bottom: 20px ;
}
#art_category{
margin-bottom: 20px ;
}
#economy_category{
margin-bottom: 42px ;
}
.header_account_enter_background{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width:100vw;
background: #000;
opacity: 0.5;
z-index: 900;
display: none;
}
.header_shops_background{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width:100vw;
background: #000;
opacity: 0.5;
z-index: 900;
}
.header_cart_background{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width:100vw;
background: #000;
opacity: 0.5;
z-index: 900;
}
.header_account_hidden{
display: none !important;
}
.header_account_enter{
display: none;
position: fixed;
z-index: 1000;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
top: 0;
}
.header_account_window{
display: none;
margin:0 auto;
width: 30vw;
background: #fff;
opacity: 1;
z-index: 901;
border-radius: 5px;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
background:#fff;
padding-bottom: 40px;
}
.header_mobile{
display: none;
}
.header_mobile_search{
display: none;
}
.header_ham{
display: none;
}
.header_shops_window{
margin:0 auto;
width: 1008px;
background: #fff;
opacity: 1;
position: absolute;
top: 100px;
left: calc(50% - 544px);
z-index: 901;
border-radius: 5px;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
background:#fff;
display: flex;
justify-content: space-between;
}
.header_shops_window a{
/*text-decoration: none;*/
color: #9e9e9e;
font-size: 20px;
margin-right: 44px;
}
.header_shop_map_link{
text-align: center;
font-size: 18px;
border-radius: 5px;
border:2px solid #1887be;
display: inline-block;
padding-left: 27px;
padding-right: 27px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: 500;
color: #1887be;
cursor: pointer;
}
.header_shops_item{
display: inline-block;
}
.header_shops_item_map{
width: 220px;
height: 135px;
background: #e4e4e4;
overflow: hidden;
}
.header_shops_item_map img{
width: 100%;
}
.header_shops_item h2{
font-size: 17px;
color: #1887be;
margin-bottom: 25px;
margin-top: 25px;
}
.header_shops_item p{
font-size: 14px;
margin-bottom: 22px;
line-height: 20px;
}
.header_shops_window_wide{
width: calc(100% - 80px);
height: calc(100% - 80px);
position: absolute;
background: #fff;
z-index: 902;
top: 0;
left: 0;
border-radius: 5px;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
}
.header_shops_window_wide_map{
width: 100%;
height: 440px;
background: #eee;
margin-bottom: 28px;
}
.header_shops_window_wide_close{
text-align: center;
font-size: 18px;
border-radius: 5px;
border:2px solid #1887be;
display: inline-block;
padding-left: 27px;
padding-right: 32px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: 500;
color: #1887be;
cursor: pointer;
margin-right: 110px;
}
.header_shops_window_wide_close img{
position: relative;
top: 2px;
}
.header_account_close_button{
position: absolute;
right: -28px;
top: 0;
cursor: pointer;
}
.header_account_logo{
width: 168px;
/*margin-bottom: 34px;*/
display: block;
margin: 0 auto 34px auto;
}
.header_account_window label{
color: #c2c2c2;
font-size: 14px;
font-weight: 300;
}
.header_account_window input{
border:2px solid #e4e4e4;
margin-top: 15px;
width: calc(100% - 8px);
height: 37px;
border-radius:5px;
}
#header_account_login{
width: calc(100% - 8px);
font-size: 18px;
margin-bottom: 10px;
}
.header_account_window a{
text-decoration: none;
color: #7fbddb;
}
#header_account_form a:hover{
text-decoration: underline;
}
.header_account_remind{
color: #7fbddb;
font-size: 14px;
}
#header_account_submit{
border:none;
background: #ff4b4b;
height: 40px;
color: #fff;
font-size: 18px;
font-weight: 500;
cursor: pointer;
width: 100%;
}
#header_account_registration{
width: 100%;
height: 40px;
border:2px solid #e4e4e4;
color: #b1b1b1;
border-radius: 5px;
margin-top: 20px;
text-align: center;
box-sizing: border-box;
font-size: 18px;
line-height: 36px;
font-weight: 300;
}
#header_account_registration:hover{
text-decoration: none;
}
.header_account_social{
color: #c2c2c2;
font-size: 14px;
font-weight: 300;
margin-bottom: 20px;
}
.header_account_social_links img{
margin-right: 20px;
}
.header_cart_window{
position: absolute;
background: #fff;
top: 71px;
right: 0;
width: 310px;
border-radius: 5px;
padding-left: 20px;
padding-right: 20px;
z-index: 901;
padding-top: 20px;
padding-bottom: 20px;
}
.header_cart_window a{
text-decoration: none;
}
.header_cart_window h3{
font-size: 18px;
color:#002537;
margin-bottom: 0;
margin-top: 0;
}
.header_cart_count{
font-size: 14px;
color:#002537;
display: inline-block;
font-weight: 300;
}
.header_cart_summ_title{
display: inline-block;
float: right;
font-size: 14px;
color:#002537;
font-weight: 300;
}
.header_cart_summ_count{
text-align: right;
margin-top: 0;
color: #007bb7;
font-weight: 600;
}
.header_cart_buy{
display: inline-block;
margin:0 auto;
color: #fff;
background-color: #fbba00;
font-size: 18px;
font-weight: 500;
padding-left:40px;
padding-right: 40px;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 5px;
margin-left:45px;
margin-bottom: 40px;
cursor: pointer;
}
.header_cart_item{
display: block;
position: relative;
}
.header_cart_item a{
text-decoration: none;
}
.header_cart_item_img{
display: inline-block;
width: 75px;
height: 100px;
float: left;
}
.header_cart_item_name{
font-size: 14px;
display: block;
color: #000;
padding-left: 15px;
font-weight: 600;
max-height:32px;
overflow: hidden;
text-overflow:ellipsis;
}
.header_cart_item_name:hover{
text-decoration: underline;
}
.header_cart_item_author{
padding-left: 15px;
color: #000;
font-weight: 300;
font-size: 14px;
max-height:18px;
overflow: hidden;
text-overflow:ellipsis;
}
.header_cart_item_authors{
display: inline-block;
margin: 0;
height: 18px;
width: 220px;
overflow: hidden;
}
.header_cart_item_authors:hover{
text-decoration: underline;
}
.header_cart_item_name_p{
display: inline-block;
margin: 0;
height: 28px;
width: 220px;
overflow: hidden;
line-height: 14px;
}
.header_cart_item_name_p:hover{
text-decoration: underline;
}
.header_cart_item_price{
color: #007bb7;
padding-left: 90px;
font-size: 14px;
font-weight: 600;
margin-bottom: 11px;
margin-top: 11px;
line-height: 14px;
}
.header_cart_item_count{
margin-top: 0;
padding-left: 90px;
font-weight: 300;
font-size: 12px;
}
.header_cart_item_delete{
position: absolute;
right: 0;
bottom: 0;
cursor: pointer;
}
.header_cart_link{
color: #9e9e9e;
font-size: 18px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 7px;
padding-top: 7px;
border-radius: 5px;
border:1px solid #9e9e9e;
display: inline-block;
font-weight: 500;
margin-left: 44px;
margin-top: 12px;
}
.header_b2b_enter_background{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width:100vw;
background: #000;
opacity: 0.5;
z-index: 900;
}
.header_b2b_hidden{
display: none;
}
.header_b2b_window{
margin:0 auto;
width: 270px;
background: #fff;
opacity: 1;
position: absolute;
top: 100px;
z-index: 901;
border-radius: 5px;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
background:#fff;
left: calc(50% - 175px);
}
.header_b2b_logo{
width: 168px;
margin-bottom: 34px;
}
.header_b2b_window label{
color: #c2c2c2;
font-size: 14px;
font-weight: 300;
}
.header_b2b_window input{
border:2px solid #e4e4e4;
margin-top: 15px;
width: calc(100% - 8px);
height: 37px;
border-radius:5px;
}
#header_b2b_login{
width: calc(100% - 8px);
font-size: 18px;
margin-bottom: 10px;
}
.header_b2b_window a{
text-decoration: none;
color: #7fbddb;
}
#header_b2b_form a:hover{
text-decoration: underline;
}
.header_b2b_remind{
color: #7fbddb;
font-size: 14px;
}
#header_b2b_submit{
border:none;
background: #fbba00;
height: 40px;
color: #fff;
font-size: 18px;
font-weight: 500;
cursor: pointer;
width: 100%;
}
#header_b2b_registration{
width: 100%;
height: 40px;
border:2px solid #e4e4e4;
color: #b1b1b1;
border-radius: 5px;
margin-top: 20px;
text-align: center;
box-sizing: border-box;
font-size: 18px;
line-height: 36px;
font-weight: 300;
}
#header_b2b_registration:hover{
text-decoration: none;
}
.header_b2b_social{
color: #c2c2c2;
font-size: 14px;
font-weight: 300;
margin-bottom: 20px;
}
.header_b2b_social_links img{
margin-right: 20px;
}
footer{
width: 100%;
background-color: #003955;
}
.footer_title{
padding-top: 34px;
padding-bottom: 34px;
border-bottom: 2px solid #26576e;
}
.footer_title h4{
margin: 0;
color: #fff;
font-weight: 400;
display: inline-block;
}
.footer_to_top_block{
display: inline-block;
float: right;
cursor: pointer;
}
.footer_to_top{
display: inline-block;
margin: 0;
color: #fff;
text-decoration: underline;
}
.foter_to_top_arrow{
display: inline-block;
}
.footer_column ul{
list-style-type: none;
color: #fff;
padding-left: 0;
}
.footer_column ul li{
display: inline-block;
margin-right: 40px;
vertical-align: top;
}
.footer_column ul h5{
text-decoration: none;
color: #fff;
font-weight: 500;
font-size: 14px;
}
.footer_column ul a{
text-decoration: none;
color: #fff;
font-weight: 300;
font-size: 14px;
}
.footer_column ul a:Hover{
text-decoration: underline;
}
.footer_social{
border-bottom: 2px solid #26576e;
padding-bottom: 15px;
padding-top: 15px;
}
.social img{
margin-right: 20px;
}
#mc_img{
position: relative;
top: 10px;
left: 20px;
}
.wa{
float: right;
display: inline-block;
margin-right: 34px;
}
.wa img{
display: inline-block;
margin-right: 7px;
}
.wa a{
text-decoration: none;
color: #fff;
}
.wa p{
margin:0;
display: inline-block;
vertical-align: top;
font-weight: 100;
font-size: 14px;
padding-top: 3px;
}
.footer_rights h6{
font-size: 14px;
color: #fff;
font-weight: 200;
margin-top:20px;
margin-bottom: 20px;
display: inline-block;
}
.footer_rights p{
font-size: 12px;
color: #3e697e;
font-weight: 100;
}
#designed{
float: right;
font-size: 14px;
color: #fff;
font-weight: 200;
margin:0;
margin-top:20px;
}
.main_slider{
width: 100%;
height: 250px;
overflow: hidden;
margin-bottom: 40px;
position: relative;
}
.main_slider .main_slider_background{
width: 100%;
padding: 0;
margin: 0;
list-style-type:none;
}
.main_slider .main_slider_background li{
width: 100%;
height: 250px;
position: absolute;
top:0;
left: 0;
}
.main_slider .main_slider_background li h2{
font-size: 56px;
line-height: 56px;
color: #003955;
margin-top: 50px;
margin-bottom: 35px;
}
.hidden_slide{
opacity: 0;
position: relative;
z-index: 1;
}
.active_slide{
opacity: 1;
position: relative;
z-index: 2;
}
/*картинки Ñлайдера*/
.main_slider .main_slider_background li:nth-child(1){
}
.main_slider .main_slider_background li:nth-child(2){
}
.main_slider .main_slider_background li:nth-child(3){
}
.main_slider_content a{
text-decoration: none;
}
.main_slider_content_1{
transition: 1s;
background: url(banner_top_1.jpg);
background-size: cover;
background-position: 50%;
}
.main_slider_content_2{
transition: 1s;
background: url(banner_top_2.jpg);
background-size: cover;
background-position: 50%;
}
.main_slider_content_3{
transition: 1s;
background: url(banner_top_3.jpg);
background-size: cover;
background-position: 50%;
}
.main_slider_content_4{
transition: 1s;
background: url(banner_top_4.jpg);
background-size: cover;
background-position: 50%;
}
.main_slider_content_5{
transition: 1s;
background: url(banner_top_5.jpg);
background-size: cover;
background-position: 50%;
}
.main_slider_content_6{
transition: 1s;
background: url(banner_top_6.jpg);
background-size: cover;
background-position: 50%;
}
.slider_mobile {
display: none;
}
.main_slider_more{
color: #003955;
border: 2px solid #003955;
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
font-size: 14px;
border-radius: 5px;
/* background-color: #fff; */
}
.main_slider_nav{
position: absolute;
bottom: 10px;
left:calc(50% - 27px);
display: inline-block;
height: 10px;
padding-left: 0;
z-index: 2;
}
.main_slider_nav ul{
list-style-type:none;
}
.main_slider_nav li{
width: 10px;
height: 10px;
border-radius: 50%;
box-sizing: border-box;
display: inline-block;
margin-right: 8px;
cursor: pointer;
}
.main_slider_active_nav{
background: #fff;
}
.main_slider_non_active_nav{
border:2px solid #fff;
}
.content_main_arrow{
position: relative;
padding-top: 109px;
z-index: 2;
}
.main_slider_arrow_left{
position: absolute;
left:-80px;
cursor: pointer;
}
.main_slider_arrow_right{
position: absolute;
right: -80px;
cursor: pointer;
}
.scope_window_cat{
display: none;
position: absolute;
padding: 40px;
background-color: #fff;
box-shadow: 0px 3px 14px -7px #000;
width: 736px;
height: 387px;
top: 0;
left: 7px;
z-index: 899;
}
.scope_cat{
position: relative;
bottom: 9px;
cursor: pointer;
}
.main_banner{
width: 100%;
height: 250px;
/*background: url(banner_bottom_1.jpg); */
/* background-size: cover;
background-position: 50%; */
}
.first{
background: url(banner_bottom_first.jpg);
background-size: cover;
background-position: 50%;
}
.second{
background: url(banner_bottom_second.jpg);
background-size: cover;
background-position: 50%;
}
.third{
background: url(banner_bottom_usual.jpg);
background-size: cover;
background-position: 50%;
}
.main_banner img{
/* margin-left: calc(50% - 220px);
width: 440px;
height: 340px; */
margin-top: 38px;
height: 440px;
}
.sort_sidebar{
width: 261px;
position: relative;
left: 0;
margin-top: 45px;
min-height: 1022px;
display: inline-block;
vertical-align: top;
color: #9e9e9e;
font-weight: 300;
font-size: 14px;
border-top: 1px solid #e4e4e4;
margin-bottom: 95px;
display: none;
}
.sort_sidebar_content {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 10px;
}
.sort_sidebar_content h3{
margin-top:25px;
color: #9e9e9e;
margin-bottom: 25px;
font-size: 18px;
}
.sort_sidebar_content input{
margin-top:0;
margin-left: 0px;
margin-bottom: 10px;
margin-right: 10px;
vertical-align: top;
width: 15px;
height: 15px;
border:1px solid #ededed;
border-radius: 0;
}
.sort_sidebar_category{
padding: 20px;
background-color: #007bb7;
border-radius: 5px;
}
.sort_sidebar_category h4{
color: #fff;
font-size: 18px;
font-weight: 400;
margin-top: 0;
margin-bottom: 15px;
}
.sort_sidebar_category h4 svg{
vertical-align: top;
margin-right: 8px;
}
.sort_sidebar_category_active{
color: #dcb216 !important;
}
.sort_sidebar_category ul{
list-style-type: none;
color: #fff;
}
.sort_sidebar_category ul a{
text-decoration: none;
color: #fff;
font-weight: 300;
line-height: 24px;
}
.sort_sidebar_category ul a:hover{
text-decoration: underline;
color: #fff;
font-weight: 300;
line-height: 24px;
}
.sort_sidebar_content_white{
background-color: #fff;
position: relative;
bottom: 1px;
padding-top: 1px;
border-bottom: 1px solid #e4e4e4;
padding-bottom: 20px;
}
.category_sort_wrap{
display: inline;
}
.main_recommendation{
display: inline-block;
width: 816px;
vertical-align: top;
margin-top: 45px;
margin-left: 7px;
}
.main_recommendation h4{
margin-top: 0;
font-size: 24px;
color: #002537;
display: inline-block;
position: relative;
top: -6px;
margin-bottom: 25px;
line-height: 32px;
}
.main_recommendation_more{
text-decoration: none;
float: right;
color: #3b667c;
vertical-align: bottom;
padding-top: 7px;
font-size: 14px;
}
.main_recommendation_more img{
position: relative;
top: 1px;
}
.main_recommendation_more:hover{
text-decoration: underline;
}
.main_recommendation_block{
width: 100%;
height: 485px;
border-bottom: 1px solid #e4e4e4;
position: relative;
margin-bottom: 40px;
}
.main_recommendation_block_arrow{
position: absolute;
right: -55px;
display: inline-block;
width: 20px;
margin-top: 228px;
display: flex;
}
.main_recommendation_block_arrow img{
display: inline-block;
cursor: pointer;
width: 28px;
height: 28px;
}
#rec_left_arrow_lost{
}
#rec_right_right_lost{
}
.rec_arrow_hidden{
cursor: auto !important;
opacity: 0;
pointer-events: none;
}
.main_recommendation_block_view{
width: 100%;
height: 100%;
overflow: hidden;
}
.main_recommendation_slider{
height: 428px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: relative;
left:0;
transition: 0.5s;
}
.main_recommendation_item{
border: 1px solid #e4e4e4;
border-radius: 5px;
display: inline-block;
width: 224px;
height: 360px;
margin-right: 11px;
vertical-align:top;
padding-left: 18px;
padding-right: 18px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.main_recommendation_item a{
text-decoration: none;
}
.main_recommendation_item_pic{
height: 195px;
border-bottom: 1px solid #e4e4e4;
overflow: hidden;
padding-left: 47px;
}
.main_recommendation_item_img{
width: 126px;
height: 177px;
}
.main_recommendation_item_icon{
float: right;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 177px;
/*padding-top: 5px;*/
}
/*вÑтавить*/
.main_recommendation_share_icon{
cursor: pointer;
}
.share_menu{
/*border: 1px solid #e4e4e4;*/
border-radius: 5px;
background-color: #fff;
padding-left: 7px;
padding-top: 7px;
/*padding-bottom: 3px;*/
position: absolute;
top:175px;
overflow:hidden;
width: 0;
height: 0;
margin-left: -7px;
}
.share_menu img{
padding-right: 7px;
cursor: pointer;
display: block;
padding-bottom: 7px;
}
.active_share{
width: auto !important;
height: auto !important;
border: 1px solid #e4e4e4;
}
/*до Ñюда*/
.main_recommendation_like_icon{
position: relative;
bottom: 3px;
}
.main_recommendation_item_desc{
overflow: hidden;
padding-top:12px;
height: 50px;
}
.main_recommendation_item_desc h3{
color: #003955;
margin-top:0;
margin-bottom: 0;
font-size: 14px;
line-height: 16px;
font-weight: 600;
max-height:32px;
overflow: hidden;
text-overflow:ellipsis;
}
.main_recommendation_item_desc h3:hover{
text-decoration: underline;
}
.main_recommendation_item_desc h4{
color: #7b99a7;
margin-top:0;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
font-weight: 300;
padding-top: 8px;
max-height:18px;
overflow: hidden;
text-overflow:ellipsis;
}
.main_recommendation_item_desc h4:hover{
text-decoration: underline;
}
.main_recommendation_item_rate{
margin-top: 20px;
height: 16px;
}
.main_recommendation_item_rate p{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
color: #9f9f9f;
font-weight: 300;
font-size: 15px;
line-height: 17px;
vertical-align: top;
}
.main_recommendation_item_price{
margin-top: 20px;
}
.main_recommendation_item_price_block{
display:inline-block;
}
.main_recommendation_item_price_o{
display: inline-block;
}
.main_recommendation_item__cart{
display: inline-block;
}
.main_recommendation_item_price_t{
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
color: #cecece;
font-weight: 300;
}
.main_recommendation_item_price_c{
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
color: #007bb7;
font-weight: 500;
}
.main_recommendation_item_price_o{
float: right;
padding-right: 20px;
margin-top: 23px;
margin-bottom: 0;
color: #aaaaaa;
font-size: 14px;
text-decoration: line-through;
font-weight: 500;
}
.main_recommendation_item_cart{
float: right;
width: 60px;
height: 36px;
padding-left: 18px;
border-left: 1px solid #e4e4e4;
cursor: pointer;
}
.rec_cart{
width: 60px;
height: 36px;
border-radius: 5px;
background-color: #fbba00;
background-image: url(img/item_cart.svg);
background-position: 50% 25%;
background-repeat: no-repeat;
border-left: 1px solid #e4e4e4;
}
.main_recommendation_item_rate img{
margin-right: 5px;
}
.sort_hidden_pub{
height: 0;
overflow: hidden;
transition:0.5s;
}
.sort_pub_height{
height: auto;
}
.sort_pub_rotate{
transform: rotate(180deg);
}
.sort_show_more{
color: #5eabd0;
font-weight: 400;
cursor: pointer;
display: inline-block;
}
.sort_show_more:hover{
text-decoration: underline;
}
.sort_kaznu_pub{
position: relative;
left:26px;
}
.sort_ast_pub{
margin-top: 10px !important;
}
.sort_ast_pub_t{
position: relative;
top:10px;
}
.main_recommendation_block_a{
border-bottom: none;
margin-bottom: 0;
}
.main_recommendation_block_h{
border-bottom: none;
margin-bottom: 10px;
}
.main_recommendation_popular{
width: 100%;
height: 400px;
border: 1px solid #e4e4e4;
margin-bottom: 40px;
border-radius: 5px;
}
.main_recommendation_popular_authors{
display: inline-block;
width: 269px;
margin-bottom: 40px;
}
.main_recommendation_popular h2{
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: 24px;
color: #003955;
margin-top:40px;
margin-bottom: 30px;
}
.main_recommendation_popular_authors h3{
text-align: center;
font-size: 24px;
font-weight: 400;
line-height: 24px;
color: #003955;
}
.main_recommendation_popular_authors a{
text-decoration: none;
color: #406a7f;
text-align: center;
display: block;
}
.main_recommendation_popular_authors a:hover{
text-decoration: underline;
}
.category_recomendation_title_filter{
display: none;
}
.sort_sidebar_back{
display: none;
}
.sort_sidebar_mobile{
display: none;
}
.category_recomendation_title{
display: flex;
flex-direction: row;
justify-content: right;
width: 100%;
}
.category_recomendation{
display: inline-block;
width: calc(100% + 9px);
vertical-align: top;
margin-top: 45px;
position: relative;
right: 9px;
}
.category_recomendation_title h2{
margin-top: 5px;
color: #007bb7;
font-size: 28px;
line-height: 28px;
display: inline-block;
max-width: 730px;
}
.category_recomendation_sort{
float: right;
display: inline-block;
margin-top: 10px;
color: #9e9e9e;
}
.category_recomendation_select{
padding-left: 20px;
color: #9e9e9e;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
border-color:#e4e4e4;
border-radius: 5px;
position: relative;
float: right;
display: inline-block;
margin-top: 10px;
color: #9e9e9e;
bottom: 11px;
}
.category_recomendation_select1 {
padding-left: 20px;
color: #9e9e9e;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
border-color:#e4e4e4;
border-radius: 5px;
position: relative;
float: right;
display: inline-block;
margin-top: 10px;
color: #9e9e9e;
bottom: 11px;
}
.category_recomendation_sort select:focus{
border-color:#9e9e9e;
}
.category_recomendation_sort_text{
font-weight: 500;
margin-right: 18px;
margin-top: 9px;
}
.category_recomendation h4{
position: relative;
top: -6px;
}
.category_recommendation_item{
border: 1px solid #e4e4e4;
border-radius: 5px;
display: inline-block;
width: 222px;
height: 360px;
margin-left: 11px;
vertical-align:top;
padding-left: 18px;
padding-right: 18px;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 15px;
position: relative;
}
.category_recommendation_item a{
text-decoration: none;
}
.category_recommendation_item_pic{
height: 195px;
border-bottom: 1px solid #e4e4e4;
overflow: hidden;
padding-left: 47px;
}
.category_recommendation_item_img{
width: 126px;
height: 177px;
}
.category_recommendation_item_icon{
float: right;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 172px;
padding-top: 5px;
}
.category_recommendation_like_icon{
position: relative;
/* right: 2px; */
bottom: 3px;
}
.category_recommendation_item_desc{
overflow: hidden;
padding-top:12px;
height: 50px;
}
.category_recommendation_item_desc h3{
color: #003955;
margin-top:0;
margin-bottom: 0;
font-size: 14px;
line-height: 16px;
font-weight: 600;
height:32px;
overflow: hidden;
text-overflow:ellipsis;
}
.category_recommendation_item_desc h3:hover{
text-decoration: underline;
}
.category_recommendation_item_desc h4{
color: #7b99a7;
margin-top:0;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
font-weight: 300;
padding-top: 8px;
height:18px;
text-overflow:ellipsis;
}
.category_recommendation_item_desc h4:hover{
text-decoration: underline;
}
.category_recommendation_item_rate{
margin-top: 20px;
height: 16px;
}
.category_recommendation_item_rate p{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
color: #9f9f9f;
font-weight: 300;
font-size: 15px;
line-height: 17px;
vertical-align: top;
}
.category_recommendation_item_price{
margin-top: 20px;
position: relative;
}
.category_recommendation_item_price_block{
display:inline-block;
}
.category_recommendation_item_price_o{
display: inline-block;
}
.category_recommendation_item__cart{
display: inline-block;
}
.category_recommendation_item_price_t{
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
color: #cecece;
font-weight: 300;
}
.category_recommendation_item_price_c{
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
color: #007bb7;
font-weight: 500;
}
.category_recommendation_item_price_o{
float: right;
padding-right: 20px;
margin-top: 23px;
margin-bottom: 0;
color: #aaaaaa;
font-size: 14px;
text-decoration: line-through;
font-weight: 500;
}
.category_recommendation_item_cart{
float: right;
width: 60px;
height: 36px;
padding-left: 18px;
border-left: 1px solid #e4e4e4;
cursor: pointer;
}
.rec_cart{
width: 60px;
height: 36px;
border-radius: 5px;
background-color: #fbba00;
background-image: url(../img/item_cart.svg);
background-position: 50% 25%;
background-repeat: no-repeat;
border-left: 1px solid #e4e4e4;
}
.cart_added{
width: calc(100% + 1px);
position: absolute;
top: 0;
left: 0;
background-color: #003955;
text-align: center;
color: #fff;
line-height: 36px;
border-radius: 5px;
display: none;
}
.category_recommendation_item_price a{
color: #003955;
display: inline-block;
}
.item_read{
color: #ff4b4b;
font-weight: 500;
text-align: center;
border: 1px solid #ff4b4b;
line-height: 34px;
width: 121px;
border-radius: 5px;
cursor: pointer;
display: inline-block;
}
.item_read:hover{
color: #fff;
background-color: #ff4b4b;
}
.category_recommendation_item_rate img{
margin-right: 5px;
}
.category_recomendation_count{
margin-top: 5px;
margin-bottom: 24px;
margin-left: 10px;
}
.category_recomendation_count ul{
list-style-type: none;
padding-left: 0;
display: inline-block;
}
.category_recomendation_count ul li{
display: inline-block;
cursor: pointer;
color: #b5b5b5;
padding-right: 23px;
padding-left: 23px;
padding-top: 2px;
padding-bottom: 2px;
border-left: 1px solid #b5b5b5;
margin-left: -5px;
font-weight: 300;
font-size: 14px;
}
.category_recomendation_count ul li a{
color: #b5b5b5;
text-decoration: none;
}
.category_recomendation_count_active{
border:1px solid #9e9e9e;
border-radius: 5px;
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.category_recomendation_left_arrow, .category_recomendation_right_arrow{
display: inline-block;
height: 12px;
margin-right: 10px;
cursor: pointer;
position: relative;
top:1px;
}
.b2b_link_f{
cursor: pointer;
}
.product_ph{
margin-top: 0;
font-weight: 300;
margin-bottom:0;
min-width: max-content;
}
.bread_crumbs_content h3{
font-size: 18px;
font-weight: 300;
color: #bbb;
}
.bread_crumbs_content a{
text-decoration: none;
color: #bbb;
}
.bread_crumbs_content a:hover{
text-decoration: underline;
}
.bread_crumbs_content h3 span{
font-weight: 400;
color: #628596;
}
.bread_crumbs_content h3 span:hover{
text-decoration: underline;
}
/*Ñтраница книги*/
.book_item{
margin-bottom: 25px;
}
.book_item_img{
padding-left: 140px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 140px;
border:1px solid #e4e4e4;
border-radius: 5px;
display: inline-block;
position: relative;
max-width: 536px;
}
.book_item_img_1{
width: 255px;
height: 360px;
display: block;
}
.book_item_img_2{
display: inline-block;
position: absolute;
bottom: 50px;
right: 24px;
}
.book_item_img_3{
display: inline-block;
position: absolute;
bottom: 20px;
right: 25px;
}
.book_item_description{
display: inline-block;
width: 535px;
vertical-align: top;
padding-left: 10px;
}
.book_item_description h2{
display: inline-block;
color: #003955;
margin-top: 0;
font-size: 26px;
margin-bottom: 0;
line-height: 28px;
}
.book_item_isbn{
color: #a6a6a6;
display: inline-block;
margin-top: 10px;
font-weight: 500;
}
.book_item_isbn span{
color: #a6a6a6;
font-weight: 300;
}
.book_item_availability{
display: inline-block;
margin-left: 13px;
margin-top: 10px;
font-size: 14px;
font-weight: 500;
color: #007bb7;
}
.book_item_rate img{
margin-right: 5px;
cursor: pointer;
}
/*.book_item_rate img:hover{
margin-right: 5px;
cursor: pointer;
background-color: #fbba00;
}*/
.book_item_rate p{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
color: #a6a6a6;
position: relative;
bottom: 3px;
font-weight: 300;
}
.book_item_type{
display: inline-block;
margin-top: 20px;
}
.book_item_type_title{
font-weight: 600;
line-height: 14px;
margin-bottom: 12px;
}
.book_item_type_radio{
display: inline-block;
margin-top: 0;
margin-right: 30px;
font-weight: 300;
}
.book_item_type_radio input{
margin-right: 5px;
}
.book_e-book_rool{
height: 0;
overflow: hidden;
}
.b2b_registration_red input{
margin-right: 5px;
}
.book_e-book_rool ol{
padding-left: 18px;
border-top:2px solid #eee;
padding-top: 20px;
margin-top: 0;
}
.book_e-book_rool ol li{
margin-bottom: 25px;
font-weight: 300;
}
.book_count{
border-top: 2px solid #efefef;
border-bottom: 2px solid #efefef;
padding-top: 5px;
padding-bottom: 14px;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin-top: 25px;
position: relative;
}
.book_count_price{
display: inline-block;
margin-right: 40px;
vertical-align: top;
}
.book_count_num{
display: inline-block;
vertical-align: top;
margin-right: 40px;
}
.book_count_num img{
height: 15px;
}
.prod_added{
width: 159px;
line-height: 36px;
position: absolute;
top: 5px;
left: 0;
border-radius: 5px;
background-color: #003955;
text-align: center;
color: #fff;
display: none;
}
.book_count_cart{
display: inline-block;
vertical-align: middle;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 8px;
color: #fff;
background: #fbba00;
border-radius: 5px;
cursor: pointer;
margin-right: 25px;
position: relative;
}
.book_count_price p{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
}
.book_count_num p{
font-size: 16px;
margin-bottom: 10px;
font-weight: 300;
}
.book_count_num input{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
text-align: center;
display: inline-block;
width: 48px;
border-radius:5px;
border:2px solid #e4e4e4;
}
.book_count_num img{
position: relative;
top: 2px;
cursor: pointer;
}
#book_count_price_c{
font-size: 24px;
color: #007bb7;
font-weight: 500;
margin-top: 0;
}
.book_info{
padding-top: 20px;
}
.book_author{
display: inline-block;
max-width: 260px;
}
.book_author a{
color: #007bb7;
}
.book_author p{
margin-top: 0;
margin-bottom: 5px;
font-weight: 300;
}
.book_share{
display: inline-block;
vertical-align: top;
float: right;
}
.book_share p{
margin-top: 0;
padding-left: 18px;
font-weight: 300;
}
.book_social_links{
position: relative;
top: 2px;
}
.book_social_links img{
margin-left: 20px;
}
.book_description_links{
/*margin-bottom: 20px;*/
}
.book_description_links p{
display: inline-block;
cursor: pointer;
margin-right: 50px;
font-size: 18px;
font-weight: 500;
color: #9e9e9e;
}
.book_description_links p:hover{
text-decoration: underline;
}
.book_description_links_active{
color: #003955 !important;
}
.book_description_links_text_content{
border-bottom: 2px solid #efefef;
border-top: 2px solid #efefef;
padding-bottom: 20px;
padding-top: 20px;
}
.book_hidden_content{
display: none;
}
.book_description_text_content{
height: 440px;
width: 540px;
overflow: hidden;
}
.pdf-button{
vertical-align: middle;
padding-left: 30px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
background: #fbba00;
border-radius: 5px;
cursor: pointer;
margin-top: 25px;
display: none;
line-height: 26px;
font-size: 20px;
margin-bottom: 25px;
}
.book_description_links_text_content_2 p{
width: 540px;
font-weight: 300;
}
.book_description_reply{
display: inline-block;
width: 540px;
padding-bottom: 20px;
border-bottom:2px solid #e4e4e4;
}
.book_description_reply h4{
margin-bottom: 0;
color: #003955;
font-size: 28px;
}
.book_description_reply p{
display: inline-block;
margin-right: 5px;
font-weight: 300;
}
.book_description_reply img{
position: relative;
top: 2px;
cursor: pointer;
}
.star-rating{
font-size: 0;
display: inline-block;
position: relative;
}
.star-rating__wrap{
display: inline-block;
font-size: 1rem !important;
}
.star-rating__wrap:after{
content: "";
display: table;
clear: both;
}
.star-rating__ico{
float: right;
padding-left: 2px;
cursor: pointer;
color: #FFB300;
}
.star-rating__ico:last-child{
padding-left: 0;
}
.star-rating__input{
display: none !important;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
content: "\f005";
}
/*.star-rating__ico:hover:before,
.star-rating_ico:hover ~ .star-rating_ico:before,
.star-rating_input:checked ~ .star-rating_ico:before
{
content: "\f005";
}
*/
.book_description_reply input{
display: block;
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
border-radius: 5px;
border:1px solid #e4e4e4;
border-color: #e4e4e4;
width: 506px;
}
.book_description_reply textarea{
display: block;
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
border-radius: 5px;
border:1px solid #e4e4e4;
border-color: #e4e4e4;
width: 506px;
resize: none;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.book_description_reply input::-webkit-input-placeholder{
color: #e4e4e4;
}
.book_description_reply input::-moz-placeholder{
color: #e4e4e4;
}
.book_description_reply input:-ms-input-placeholder{
color: #e4e4e4;
}
.book_description_reply input::-ms-input-placeholder{
color: #e4e4e4;
}
.book_description_reply input::placeholder{
color: #e4e4e4;
}
.book_description_reply textarea::-webkit-input-placeholder{
color: #e4e4e4;
}
.book_description_reply textarea::-moz-placeholder{
color: #e4e4e4;
}
.book_description_reply textarea:-ms-input-placeholder{
color: #e4e4e4;
}
.book_description_reply textarea::-ms-input-placeholder{
color: #e4e4e4;
}
.book_description_reply textarea::placeholder{
color: #e4e4e4;
}
#book_reply_submit{
width: 170px;
border:none;
background: #fbba00;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
margin-bottom: 0;
}
.book_description_reviews{
margin-top: 20px;
}
.book_description_reviews_img{
width: 50px;
height: 50px;
background: grey;
border-radius: 50%;
display: inline-block;
margin-bottom: 15px;
overflow: hidden;
}
.book_description_reviews_img img{
width: 100%;
}
.book_description_reviews_name{
display: inline-block;
vertical-align: top;
margin-left: 10px;
font-weight: 600;
}
.book_description_reviews_date{
margin-top: 6px;
color: #b1b1b1;
}
.book_description_reviews_text{
max-width: 540px;
font-weight: 300;
}
.book_description_author_foto{
width: 168px;
height: 168px;
border-radius: 5px;
background: grey;
display: inline-block;
vertical-align: top;
}
.book_description_author_description{
display: inline-block;
width: 900px;
vertical-align: top;
padding-left: 13px;
}
.book_description_author_description h4{
margin-top: 0;
color: #003955;
font-size: 18px;
line-height: 18px;
}
.book_description_author_description h4:hover{
text-decoration: underline;
}
.book_description_author_description a{
text-decoration: none;
}
.book_description_author_description p{
display: inline-block;
font-weight: 300;
}
/*книга Ñлайдер*/
.book_more_book_slider{
display: inline-block;
width: 1088px;
vertical-align: top;
margin-top: 20px;
}
.book_more_book_slider h4{
margin-top: 0;
font-size: 24px;
color: #002537;
display: inline-block;
position: relative;
top: -6px;
margin-bottom: 7px;
line-height: 30px;
}
.book_recommendation_more{
text-decoration: none;
float: right;
color: #3b667c;
vertical-align: bottom;
padding-top: 7px;
font-size: 14px;
}
.book_recommendation_more img{
position: relative;
top: 1px;
}
.book_recommendation_more:hover{
text-decoration: underline;
}
.book_recommendation_block{
width: 100%;
height: 457px;
border-bottom: 2px solid #e4e4e4;
position: relative;
}
.book_recommendation_block_arrow{
position: absolute;
right: -55px;
display: inline-block;
width: 20px;
margin-top: 228px;
display: flex;
}
.book_recommendation_block_arrow img{
display: inline-block;
cursor: pointer;
width: 28px;
height: 28px;
}
#book_left_arrow_lost{
}
#book_right_right_lost{
}
.book_arrow_hidden{
cursor: auto !important;
opacity: 0;
pointer-events: none;
}
.book_recommendation_block_view{
width: 100%;
height: 100%;
overflow: hidden;
}
.book_recommendation_slider{
height: 428px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
position: relative;
left:0;
transition: 0.5s;
}
.book_recommendation_item{
border: 1px solid #e4e4e4;
border-radius: 5px;
display: inline-block;
width: 224px;
height: 360px;
margin-right: 9px;
vertical-align:top;
padding-left: 18px;
padding-right: 18px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.book_recommendation_item a{
text-decoration: none;
}
.book_recommendation_item_pic{
height: 195px;
border-bottom: 1px solid #e4e4e4;
overflow: hidden;
padding-left: 47px;
}
.book_recommendation_item_img{
width: 126px;
height: 177px;
}
.book_recommendation_item_icon{
float: right;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 177px;
padding-top: 5px;
}
.book_recommendation_like_icon{
position: relative;
right: 2px;
bottom: 3px;
}
.book_recommendation_item_desc{
overflow: hidden;
padding-top:12px;
height: 50px;
}
.book_recommendation_item_desc h3{
color: #003955;
margin-top:0;
margin-bottom: 0;
font-size: 14px;
line-height: 16px;
font-weight: 600;
max-height:32px;
overflow: hidden;
height: 32px;
}
.book_recommendation_item_desc h3:hover{
text-decoration: underline;
}
.book_recommendation_item_desc h4{
color: #7b99a7;
margin-top:0;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
font-weight: 300;
padding-top: 8px;
}
.book_recommendation_item_desc h4:hover{
text-decoration: underline;
}
.book_recommendation_item_rate{
margin-top: 20px;
height: 16px;
}
.book_recommendation_item_rate p{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
color: #9f9f9f;
font-weight: 300;
font-size: 15px;
line-height: 17px;
vertical-align: top;
}
.book_recommendation_item_price{
margin-top: 20px;
position: relative;
}
.book_recommendation_item_price_block{
display:inline-block;
}
.book_recommendation_item_price_o{
display: inline-block;
}
.main_recommendation_item__cart{
display: inline-block;
}
.book_recommendation_item_price_t{
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
color: #cecece;
font-weight: 300;
}
.book_recommendation_item_price_c{
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
color: #007bb7;
font-weight: 500;
}
.book_recommendation_item_price_o{
float: right;
padding-right: 20px;
margin-top: 23px;
margin-bottom: 0;
color: #aaaaaa;
font-size: 14px;
text-decoration: line-through;
font-weight: 500;
}
.book_recommendation_item_cart{
float: right;
width: 60px;
height: 36px;
padding-left: 18px;
border-left: 1px solid #e4e4e4;
cursor: pointer;
}
.book_cart{
width: 60px;
height: 36px;
border-radius: 5px;
background-color: #fbba00;
background-image: url(../img/item_cart.svg);
background-position: 50%;
background-repeat: no-repeat;
border-left: 1px solid #e4e4e4;
}
.book_recommendation_item_rate img{
margin-right: 5px;
}
/*окно при вошедшем аккаунте*/
.header_account_nav_background{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width:100vw;
background: #000;
opacity: 0.5;
z-index: 900;
}
.header_account_nav_hidden{
display: none;
}
.header_account_nav_window{
margin:0 auto;
width: 220px;
height: 180px;
background: #fff;
opacity: 1;
position: absolute;
z-index: 901;
border-radius: 5px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
background:#fff;
right: 0;
top: 71px;
}
.header_account_nav_window h4{
margin-top: 0;
color: #002537;
font-size: 18px;
border-bottom: 2px solid #f1f1f1;
margin-bottom: 0;
padding-bottom: 20px;
}
.header_account_nav_window a{
text-decoration: none;
color: #7fbddb;
}
.header_account_book{
color: #204050 !important;
font-size: 14px;
font-weight: 300;
margin:14px auto !important;
}
.header_account_book:hover{
text-decoration: underline;
}
.header_account_order{
color: #204050 !important;
font-size: 14px;
font-weight: 300;
margin:14px auto !important;
}
.header_account_order:hover{
text-decoration: underline;
}
.header_account_exit{
color: #cecece !important;
font-size: 14px;
font-weight: 300;
margin:14px auto !important;
}
.header_account_exit:hover{
text-decoration: underline;
}
/*окно при вошедшем аккаунте b2b*/
.header_b2b_nav_background{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width:100vw;
background: #000;
opacity: 0.5;
z-index: 900;
}
.header_b2b_nav_hidden{
display: none;
}
.header_b2b_nav_window{
margin:0 auto;
width: 220px;
height: 160px;
background: #fff;
opacity: 1;
position: absolute;
z-index: 901;
border-radius: 5px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
background:#fff;
right: 0;
top: 71px;
}
.header_b2b_nav_window h4{
margin-top: 0;
color: #002537;
font-size: 18px;
border-bottom: 2px solid #f1f1f1;
margin-bottom: 0;
padding-bottom: 20px;
}
.header_b2b_nav_window a{
text-decoration: none;
color: #7fbddb;
}
.header_b2b_book{
color: #204050;
font-size: 14px;
font-weight: 300;
}
.header_b2b_book:hover{
text-decoration: underline;
}
.header_b2b_order{
color: #204050;
font-size: 14px;
font-weight: 300;
}
.header_b2b_order:hover{
text-decoration: underline;
}
.header_b2b_exit{
color: #cecece;
font-size: 14px;
font-weight: 300;
}
.header_b2b_exit:hover{
text-decoration: underline;
}
/*Ñтраница автора*/
.author_description{
margin-top: 25px;
padding-bottom: 40px;
border-bottom: 2px solid #efefef;
}
.author_description_foto{
width: 170px;
height: 170px;
background: grey;
border-radius: 5px;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.author_description_foto img{
width: 100%;
}
.author_description_text{
display: inline-block;
padding-left:20px;
vertical-align: top;
width: 890px;
}
.author_description_text h1{
margin-top: 0;
font-size: 26px;
color: #003955;
}
.author_description_text p{
font-size: 14px;
font-weight: 300;
}
.autor_books h2{
margin-top: 30px;
margin-bottom: 30px;
}
.autor_books_items{
margin-bottom: 33px;
margin: 0 auto;
width: 1104px;
padding-left: 16px;
min-height: calc(100vh - 385px);
}
.author_books_item{
border: 1px solid #e4e4e4;
border-radius: 5px;
display: inline-block;
width: 224px;
height: 360px;
margin-right: 10px;
vertical-align:top;
padding-left: 18px;
padding-right: 18px;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 15px;
position:relative;
}
.author_books_item a{
text-decoration: none;
}
.author_books_item_pic{
height: 195px;
border-bottom: 1px solid #e4e4e4;
overflow: hidden;
padding-left: 47px;
}
.author_books_item_img{
width: 126px;
height: 177px;
}
.author_books_item_icon{
float: right;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 172px;
padding-top: 5px;
}
.author_books_like_icon{
position: relative;
bottom: 3px;
}
.author_books_item_desc{
overflow: hidden;
padding-top:12px;
height: 50px;
}
.author_books_item_desc h3{
color: #003955;
margin-top:0;
margin-bottom: 0;
font-size: 14px;
line-height: 16px;
font-weight: 600;
height: 32px;
overflow: hidden;
text-overflow: ellipsis;
}
.author_books_item_desc h3:hover{
text-decoration: underline;
}
.author_books_item_desc h4{
color: #7b99a7;
margin-top:0;
margin-bottom: 0;
font-size: 14px;
line-height: 18px;
font-weight: 300;
padding-top: 8px;
position: relative;
top: -6px;
height: 18px;
overflow: hidden;
text-overflow: ellipsis;
}
.author_books_item_desc h4:hover{
text-decoration: underline;
}
.author_books_item_rate{
margin-top: 20px;
height: 16px;
}
.author_books_item_rate p{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
color: #9f9f9f;
font-weight: 300;
font-size: 15px;
line-height: 17px;
vertical-align: top;
}
.author_books_item_price{
margin-top: 20px;
position: relative;
}
.author_books_item_price_block{
display:inline-block;
}
.author_books_item_price_o{
display: inline-block;
}
.author_books_cart{
display: inline-block;
}
.author_books_item_price_t{
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
color: #cecece;
font-weight: 300;
}
.author_books_item_price_c{
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
color: #007bb7;
font-weight: 500;
}
.author_books_item_price_o{
float: right;
padding-right: 20px;
margin-top: 23px;
margin-bottom: 0;
color: #aaaaaa;
font-size: 14px;
text-decoration: line-through;
font-weight: 500;
}
.author_books_item_cart{
float: right;
width: 60px;
height: 36px;
padding-left: 18px;
border-left: 1px solid #e4e4e4;
cursor: pointer;
}
.author_books_cart{
width: 60px;
height: 36px;
border-radius: 5px;
background-color: #fbba00;
background-image: url(../img/item_cart.svg);
background-position: 50%;
background-repeat: no-repeat;
border-left: 1px solid #e4e4e4;
}
.author_books_item_rate img{
margin-right: 5px;
}
.author_books_item_img{
width: 126px;
height: 177px;
}
/*региÑÑ‚Ñ€Ð°Ñ†Ð¸Ñ Ñ„Ð¸Ð· лиц*/
.registration_content{
margin-bottom: 80px;
}
.registration_title{
width: 537px;
}
.registration_title h1{
color: #002537;
margin-top: 30px;
font-size: 24px;
margin-bottom: 40px;
}
.registration_title h2{
color: #007bb7;
font-size: 18px;
margin-bottom: 20px;
}
.registration_title{
border-bottom: 2px solid #efefef;
}
.registration_form {
margin-top: 18px;
font-weight: 400;
}
.registration_form_text_input{
display: block;
margin-bottom: 20px;
border:1px solid #9e9e9e;
border-radius:5px;
padding-left:15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
font-size: 18px;
width: 505px;
}
.registration_form label{
display: block;
font-weight: 600;
margin-bottom: 10px;
}
#registration_form_phone{
width: 150px;
}
.registration_red{
color: #ed785d;
}
.cart_emty_message{
font-size: 24px;
color: #002537;
margin-bottom: 25px;
line-height: 32px;margin-top: 40px;
}
.registration_form_checkbox{
width: 15px;
height: 15px;
border: 1px solid #9e9e9e;
margin-bottom: 30px;
margin-top: 30px;
margin-right: 10px;
}
.regestration_form_link{
color: #4ea3cc;
font-weight: 400;
}
#registration_form_submit{
padding-left: 40px;
padding-right: 40px;
padding-top:10px;
padding-bottom: 10px;
color: #fff;
background: #fbba00;
font-size: 18px;
border:none;
border-radius: 5px;
}
.registration_form input::-webkit-input-placeholder{
color: #cccccc;
}
.registration_form input::-moz-placeholder{
color: #cccccc;
}
.registration_form input:-ms-input-placeholder{
color: #cccccc;
}
.registration_form input::-ms-input-placeholder{
color: #cccccc;
}
.registration_form input::placeholder{
color: #cccccc;
}
/*региÑÑ‚Ñ€Ð°Ñ†Ð¸Ñ ÑŽÑ€ лиц*/
.b2b_registration_content{
margin-bottom: 80px;
}
.b2b_registration_title{
width: 537px;
}
.b2b_registration_title h1{
color: #002537;
margin-top: 30px;
font-size: 24px;
margin-bottom: 40px;
}
.b2b_registration_title h2{
color: #007bb7;
font-size: 18px;
margin-bottom: 20px;
}
.b2b_registration_title{
border-bottom: 2px solid #efefef;
}
.b2b_registration_form {
margin-top: 18px;
font-weight: 400;
}
.b2b_registration_form_text_input{
display: block;
margin-bottom: 20px;
border:1px solid #9e9e9e;
border-radius:5px;
padding-left:15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
font-size: 18px;
width: 505px;
}
.b2b_registration_form label{
display: block;
font-weight: 600;
margin-bottom: 10px;
}
#b2b_registration_form_phone{
width: 150px;
}
.b2b_registration_red{
color: #ed785d;
}
.b2b_registration_form_checkbox{
width: 15px;
height: 15px;
border: 1px solid #9e9e9e;
margin-bottom: 30px;
margin-top: 30px;
}
.b2b_regestration_form_link{
color: #4ea3cc;
font-weight: 400;
}
#b2b_registration_form_submit{
padding-left: 40px;
padding-right: 40px;
padding-top:10px;
padding-bottom: 10px;
color: #fff;
background: #fbba00;
font-size: 18px;
border:none;
border-radius: 5px;
}
.b2b_registration_form input::-webkit-input-placeholder{
color: #cccccc;
}
.b2b_registration_form input::-moz-placeholder{
color: #cccccc;
}
.b2b_registration_form input:-ms-input-placeholder{
color: #cccccc;
}
.b2b_registration_form input::-ms-input-placeholder{
color: #cccccc;
}
.b2b_registration_form input::placeholder{
color: #cccccc;
}
#b2b_registration_form_bik{
width: 160px;
}
#b2b_registration_form_iban{
width: 205px;
}
#b2b_registration_form_iin{
width: 120px;
}
/*блок доÑтавки*/
.delivery_content{
margin-bottom: 20px;
}
.delivery_content h2{
color: #002537;
}
.delivery_info{
display: inline-block;
width: 50%;
vertical-align: top;
}
.delivery_info p{
font-size: 14px;
font-weight: 300;
}
.delivery_info h4{
color: #007bb7;
font-size: 16px;
}
.delivery_map_1{
display: inline-block;
margin-left:15px;
background: #e4e4e4;
width: calc(50% - 20px);
height: 315px;
overflow: hidden;
}
.delivery_map_2{
display: inline-block;
margin-left:15px;
background: #e4e4e4;
width: calc(50% - 20px);
height: 315px;
overflow: hidden;
}
.delivery_info_first{
margin-top: 0;
}
.delivery_kazpost{
display: inline-block;
margin-left:15px;
background: #e4e4e4;
width: calc(50% - 20px);
height: 315px;
overflow: hidden;
position: relative;
}
.delivery_kazpost img{
position: absolute;
top: calc(50% - 20px);
left:calc(50% - 176px);
}
/*контакты*/
.contact_content h2{
color: #002537;
}
.contact_form{
display: inline-block;
width: 719px;
vertical-align: top;
}
.contact_form p{
font-size: 16px;
font-weight: 300;
}
.contact_form input{
font-size: 18px;
border:1px solid #e4e4e4;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
width: 316px;
}
.contact_info{
display: inline-block;
width: 349px;
vertical-align: top;
margin-left: 15px;
}
.contact_form textarea{
resize: none;
width: 689px;
border:1px solid #e4e4e4;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 18px;
}
.contact_form input::-webkit-input-placeholder{
color: #cccccc;
}
.contact_form input::-moz-placeholder{
color: #cccccc;
}
.contact_form input:-ms-input-placeholder{
color: #cccccc;
}
.contact_form input::-ms-input-placeholder{
color: #cccccc;
}
.contact_form input::placeholder{
color: #cccccc;
}
.contact_form textarea::-webkit-input-placeholder{
color: #cccccc;
}
.contact_form textarea::-moz-placeholder{
color: #cccccc;
}
.contact_form textarea:-ms-input-placeholder{
color: #cccccc;
}
.contact_form textarea::-ms-input-placeholder{
color: #cccccc;
}
.contact_form textarea::placeholder{
color: #cccccc;
}
.contact_form_name{
margin-right:16px;
margin-bottom:16px;
}
.contact_form_email{
margin-right:16px;
margin-bottom:16px;
}
.contact_map{
width: 100%;
height: 510px;
background: #e4e4e4;
overflow: hidden;
margin-bottom: 40px;
}
.contact_info_item{
display: flex;
align-items: center;
margin-bottom: 30px;
}
.contact_info_item_title{
font-weight: 600 !important;
}
.contact_info_item p{
font-size: 14px;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
font-weight: 300;
}
.contact_info_item img{
display: inline-block;
margin-right: 17px;
position: relative;
}
.contact_info_item a{
color: #000;
text-decoration: none;
}
.contact_info_item a:hover{
text-decoration: underline;
}
.contact_form_item_text{
display: inline-block;
}
#contact_info_item_icon_1{
bottom: 1px;
}
#contact_info_item_icon_3{
bottom: 7px;
}
#contact_info_item_icon_4{
bottom: 4px;
}
.contact_info_add_item{
margin-bottom: 32px;
}
.contact_info_item_title{
font-weight: 600 !important;
}
.contact_info_add_item p{
font-size: 14px;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
font-weight: 300;
}
.contact_info_add_item img{
display: inline-block;
margin-right: 17px;
position: relative;
}
.contact_info_add_item a{
color: #000;
text-decoration: none;
}
.contact_info_add_item a:hover{
text-decoration: underline;
}
.contact_form_add_item_text{
display: inline-block;
}
.contact_info_add_item_icon_1{
bottom: 10px;
}
.contact_info_add_item_icon_2{
bottom: 2px;
}
/*b2b buy*/
.b2b_buy_cart_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
margin-top: 30px;
margin-bottom: 30px;
}
.b2b_buy_cart_title{
border-bottom: 2px solid #efefef;
margin-bottom: 20px;
}
.b2b_buy_cart_title p{
float: right;
color: #9e9e9e;
vertical-align: bottom;
margin-top: 0;
margin-bottom: 0;
padding-top: 38px;
cursor: pointer;
}
.b2b_buy_cart_item_img{
display: inline-block;
width: 75px;
vertical-align: top;
}
.b2b_buy_cart_item {
position: relative;
margin-bottom: 20px;
border-bottom: 2px solid #efefef;
padding-bottom: 16px;
}
.b2b_buy_cart_discount{
border-bottom: 2px solid #efefef;
margin-top: -11px;
}
.b2b_buy_cart_discount p{
display: inline-block;
margin-top: 0;
margin-bottom: 9px;
}
.b2b_buy_cart_discount p span{
display: inline-block;
color: #003955;
font-weight: 600;
}
.b2b_buy_cart_discount_p{
float: right;
}
.b2b_buy_cart_summ{
border-bottom: 2px solid #efefef;
margin-top: 11px;
margin-bottom: 20px;
}
.b2b_buy_cart_summ p{
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
}
.b2b_buy_cart_discount_s{
float: right;
color: #007bb7;
font-size: 24px;
font-weight: 500;
margin-bottom: 0;
position: relative;
bottom: 5px;
}
.b2b_buy_cart_discount_i{
float: right;
margin-right: 40px;
}
.b2b_buy_cart_summ p span{
display: inline-block;
color: #003955;
font-weight: 600;
}
.b2b_buy_cart_item a{
text-decoration: none;
}
.b2b_buy_cart_item_description{
display: inline-block;
margin-left: 11px;
}
.b2b_buy_cart_item_description h3{
margin-top: 0;
color: #144862;
font-size: 16px;
margin-bottom: 0;
width: 100%;
max-height:19px;
overflow: hidden;
text-overflow:ellipsis;
}
.b2b_buy_cart_item_description h3:hover{
text-decoration: underline;
}
.b2b_buy_cart_item_description h4{
margin-top: 0;
color: #000;
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
width: 100%;
max-height:19px;
overflow: hidden;
text-overflow:ellipsis;
}
.b2b_buy_cart_item_description h4:hover{
text-decoration: underline;
}
.b2b_buy_cart_item_isbn{
margin-top: 0;
margin-bottom: 0;
color: #afafaf;
padding-top: 5px;
font-weight: 300;
font-size: 16px;
margin-bottom: 4px;
}
.b2b_buy_cart_item_binding{
font-weight: 300;
margin-bottom: 0;
margin-top: 27px;
}
.b2b_buy_cart_item_binding span{
font-weight: 500;
}
.b2b_buy_cart_item_count{
display: inline-block;
}
.b2b_buy_cart_item_count p{
margin-top: 0;
}
.b2b_buy_cart_item_count{
display: inline-block;
vertical-align: bottom;
margin-right: 40px;
}
.b2b_buy_cart_item_count img{
height: 15px;
}
.b2b_buy_cart_item_count {
float: right;
position: relative;
top: 52px;
}
.b2b_buy_cart_item_count_price p{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
}
.b2b_buy_cart_item_count p{
font-size: 16px;
margin-bottom: 10px;
font-weight: 300;
}
.b2b_buy_cart_item_count_input{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
text-align: center;
display: inline-block;
width: 48px;
border-radius:5px;
border:2px solid #e4e4e4;
}
.b2b_buy_cart_item_count img{
position: relative;
top: 2px;
cursor: pointer;
}
.b2b_buy_cart_item_count_input{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
text-align: center;
display: inline-block;
width: 48px;
border-radius:5px;
border:2px solid #e4e4e4;
color: #7d7d7d;
}
.b2b_buy_cart_item_count_price{
display: inline-block;
float: right;
position: relative;
top: 36px;
vertical-align: top;
}
.b2b_buy_cart_item_count_price_c{
color: #047db8;
font-size: 24px !important;
font-weight: 500 !important;
margin-top: 0;
}
.b2b_buy_cart_item_delete{
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.b2b_buy_contact_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
}
.b2b_buy_contact_title p{
float: right;
color: #9e9e9e;
vertical-align: bottom;
margin-top: 0;
margin-bottom: 0;
padding-top: 27px;
cursor: pointer;
}
.b2b_buy_contact_data input{
display: block;
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
border-radius: 5px;
border:1px solid #9e9e9e;
border-color: #9e9e9e;
}
.b2b_buy_contact_data{
border-bottom:2px solid #e4e4e4;
margin-bottom: 18px;
}
.b2b_buy_contact_data label{
display: block;
color: #1f5169;
font-weight: 600;
margin-bottom: 10px;
}
.b2b_buy_contact_data_input_1{
width: 506px;
}
.b2b_buy_contact_data_input_2{
width: 139px;
}
.b2b_buy_contact_data_input_2::-webkit-input-placeholder{
color: #ababab;
}
.b2b_buy_contact_data_input_2::-moz-placeholder{
color: #ababab;
}
.b2b_buy_contact_data_input_2:-ms-input-placeholder{
color: #ababab;
}
.b2b_buy_contact_data_input_2::-ms-input-placeholder{
color: #ababab;
}
.b2b_buy_contact_data_input_2::placeholder{
color: #ababab;
}
.b2b_buy_delivery{
border-bottom: 2px solid #e4e4e4;
margin-bottom: 20px;
}
.b2b_buy_delivery_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
}
.b2b_buy_delivery_title p{
float: right;
color: #9e9e9e;
vertical-align: bottom;
margin-top: 0;
margin-bottom: 0;
padding-top: 27px;
cursor: pointer;
}
.b2b_buy_delivery_choose{
margin-bottom: 40px;
}
.b2b_buy_delivery_courier{
display: inline-block;
padding-left: 45px;
padding-right: 45px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 600;
cursor: pointer;
}
.b2b_buy_delivery_self{
display: inline-block;
padding-left: 45px;
padding-right: 45px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 600;
cursor: pointer;
}
.b2b_buy_delivery_active{
border:1px solid #007bb7;
border-radius: 5px;
color: #007bb7;
}
.b2b_buy_delivery_non_active{
color: #9e9e9e;
border:1px solid #fff;
border-radius: 5px;
}
.b2b_buy_delivery_courier_form{
display: inline-block;
width: 535px;
}
.b2b_buy_delivery_data_input_1{
width: 506px;
}
.b2b_buy_delivery_courier_form input{
display: block;
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
border-radius: 5px;
border:1px solid #9e9e9e;
border-color: #9e9e9e;
}
.b2b_buy_delivery_data{
border-bottom:2px solid #e4e4e4;
margin-bottom: 18px;
}
.b2b_buy_delivery_courier_form label{
display: block;
color: #1f5169;
font-weight: 600;
margin-bottom: 10px;
}
.b2b_buy_delivery_data_input_1{
width: 506px;
}
.b2b_buy_delivery_data_input_2{
width: 506px;
}
.b2b_buy_delivery_data_input_2::-webkit-input-placeholder{
color: #ababab;
}
.b2b_buy_delivery_data_input_2::-moz-placeholder{
color: #ababab;
}
.b2b_buy_delivery_data_input_2:-ms-input-placeholder{
color: #ababab;
}
.b2b_buy_delivery_data_input_2::-ms-input-placeholder{
color: #ababab;
}
.b2b_buy_delivery_data_input_2::placeholder{
color: #ababab;
}
.b2b_buy_delivery_data_input_3{
width: 137px;
}
.b2b_buy_delivery_data_input_4{
width: 137px;
}
.b2b_buy_delivery_data_input_5{
width: 137px;
}
.b2b_buy_delivery_data_input_5::-webkit-input-placeholder{
color: #ababab;
}
.b2b_buy_delivery_data_input_5::-moz-placeholder{
color: #ababab;
}
.b2b_buy_delivery_data_input_5:-ms-input-placeholder{
color: #ababab;
}
.b2b_buy_delivery_data_input_5::-ms-input-placeholder{
color: #ababab;
}
.b2b_buy_delivery_data_input_5::placeholder{
color: #ababab;
}
.b2b_buy_delivery_courier_form_align{
display: inline-block;
margin-right: 12px;
}
.b2b_buy_delivery_courier_info{
display: inline-block;
width: 534px;
vertical-align: top;
margin-left: 15px;
}
.b2b_buy_delivery_courier_info p{
font-size: 13px;
margin-top: 0;
font-weight: 300;
}
.b2b_buy_delivery_courier_info p span{
font-size: 15px;
color: #174b64;
font-weight: 600;
}
.b2b_buy_delivery_courier_info a{
font-size: 15px;
color: #3e9bc8;
font-weight: 600;
}
.b2b_buy_delivery_self_form{
margin-bottom: 20px;
}
.b2b_buy_delivery_self_form_add{
display: inline-block;
width: 500px;
vertical-align: top;
}
.b2b_buy_delivery_info_add_item{
margin-bottom: 32px;
}
.b2b_buy_delivery_info_add_item p{
font-size: 14px;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
font-weight: 300;
}
.b2b_buy_delivery_info_add_item img{
display: inline-block;
margin-right: 17px;
position: relative;
}
.b2b_buy_delivery_info_add_item a{
color: #000;
text-decoration: none;
}
.b2b_buy_delivery_info_add_item a:hover{
text-decoration: underline;
}
.b2b_buy_delivery_form_add_item_text{
display: inline-block;
}
.b2b_buy_delivery_info_add_item_icon_1{
bottom: 10px;
}
.b2b_buy_delivery_info_add_item_icon_2{
bottom: 2px;
}
.b2b_buy_delivery_info_add_phone{
display: inline-block;
margin-right: 40px;
margin-top: 7px;
margin-bottom: 4px;
}
.b2b_buy_delivery_info_add_phone p{
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 300;
}
.b2b_buy_delivery_info_add_hour{
display: inline-block;
margin-top: 7px;
margin-bottom: 4px;
}
.b2b_buy_delivery_info_add_hour p{
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 300;
}
.b2b_buy_delivery_self_form_info{
display: inline-block;
width: 535px;
vertical-align: top;
margin-left: 49px;
}
.b2b_buy_delivery_self_form_info p{
font-size: 13px;
margin-top: 0;
font-weight: 300;
}
.b2b_buy_delivery_self_form_info p span{
font-size: 15px;
color: #003955;
font-weight: 600;
}
.b2b_buy_delivery_choose_form_show{
display: block;
}
.b2b_buy_delivery_choose_form_hidden{
display: none;
}
.b2b_buy_pay_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
}
.b2b_buy_item_type_radio{
display: inline-block;
margin-right: 20px;
color: #003955;
font-weight: 600;
font-size: 16px;
}
#b2b_buy_pay_submit{
display: block;
vertical-align: middle;
padding-left: 50px;
padding-right: 50px;
padding-top: 12px;
padding-bottom: 12px;
color: #fff;
background: #fbba00;
border-radius: 5px;
cursor: pointer;
margin-top: 7px;
border:none;
font-size: 15px;
font-weight: 600;
display: inline-block;
cursor: pointer;
}
.b2b_buy_important{
color: #2f93c4;
font-size: 15px;
margin-top: 65px;
margin-bottom: 45px;
}
/*покупка*/
.buy_cart_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
margin-top: 30px;
margin-bottom: 30px;
}
.buy_cart_title{
border-bottom: 2px solid #efefef;
margin-bottom: 20px;
}
.buy_cart_title p{
float: right;
color: #9e9e9e;
vertical-align: bottom;
margin-top: 0;
margin-bottom: 0;
padding-top: 38px;
cursor: pointer;
}
.buy_cart_item_img{
display: inline-block;
width: 75px;
vertical-align: top;
}
.buy_cart_item {
position: relative;
margin-bottom: 20px;
border-bottom: 2px solid #efefef;
padding-bottom: 16px;
}
.buy_cart_discount{
border-bottom: 2px solid #efefef;
margin-top: -11px;
}
.buy_cart_discount p{
display: inline-block;
margin-top: 0;
margin-bottom: 9px;
}
.buy_cart_discount p span{
display: inline-block;
color: #003955;
font-weight: 600;
}
.buy_cart_discount_p{
float: right;
}
.buy_cart_summ{
border-bottom: 2px solid #efefef;
margin-top: -7px;
margin-bottom: 20px;
}
.buy_cart_summ p{
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
}
.buy_cart_discount_s{
float: right;
color: #007bb7;
font-size: 24px;
font-weight: 500;
margin-bottom: 0;
position: relative;
bottom: 5px;
}
.buy_cart_discount_i{
float: right;
margin-right: 40px;
}
.buy_cart_summ p span{
display: inline-block;
color: #003955;
font-weight: 600;
}
.buy_cart_item a{
text-decoration: none;
}
.buy_cart_item_description{
display: inline-block;
margin-left: 11px;
max-width: 500px;
}
.buy_cart_item_description h3{
margin-top: 0;
color: #144862;
font-size: 16px;
margin-bottom: 0;
width: 100%;
/* max-height:19px; */
overflow: hidden;
text-overflow:ellipsis;
}
.buy_cart_item_description h3:hover{
text-decoration: underline;
}
.buy_cart_item_description h4{
margin-top: 0;
color: #000;
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
width: 100%;
max-height:19px;
overflow: hidden;
text-overflow:ellipsis;
}
.buy_cart_item_description h4:hover{
text-decoration: underline;
}
.buy_cart_item_isbn{
margin-top: 0;
margin-bottom: 0;
color: #afafaf;
padding-top: 5px;
font-weight: 300;
font-size: 16px;
margin-bottom: 4px;
}
.buy_cart_item_binding{
font-weight: 300;
margin-bottom: 0;
margin-top: 27px;
}
.buy_cart_item_binding span{
font-weight: 500;
}
.buy_cart_item_count{
display: inline-block;
}
.buy_cart_item_count p{
margin-top: 0;
}
.buy_cart_item_count{
display: inline-block;
vertical-align: bottom;
margin-right: 40px;
}
.buy_cart_item_count img{
height: 15px;
}
.buy_cart_item_count {
float: right;
position: relative;
top: 52px;
}
.buy_cart_item_count_price p{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
}
.buy_cart_item_count p{
font-size: 16px;
margin-bottom: 10px;
font-weight: 300;
}
.buy_cart_item_count_input{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
text-align: center;
display: inline-block;
width: 48px;
border-radius:5px;
border:2px solid #e4e4e4;
}
.buy_cart_item_count img{
position: relative;
top: 2px;
cursor: pointer;
}
.buy_cart_item_count_input{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
text-align: center;
display: inline-block;
width: 48px;
border-radius:5px;
border:2px solid #e4e4e4;
color: #7d7d7d;
}
.buy_cart_item_count_price{
display: inline-block;
float: right;
position: relative;
top: 36px;
vertical-align: top;
}
.buy_cart_item_count_price_c{
color: #047db8;
font-size: 24px !important;
font-weight: 500 !important;
margin-top: 0;
}
.buy_cart_item_delete{
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.buy_contact_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
}
.buy_contact_title p{
float: right;
color: #9e9e9e;
vertical-align: bottom;
margin-top: 0;
margin-bottom: 0;
padding-top: 27px;
cursor: pointer;
}
.buy_contact_data input{
display: block;
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
border-radius: 5px;
border:1px solid #9e9e9e;
border-color: #9e9e9e;
}
.buy_contact_data{
border-bottom:2px solid #e4e4e4;
margin-bottom: 18px;
}
.buy_contact_data label{
display: block;
color: #1f5169;
font-weight: 600;
margin-bottom: 10px;
}
.buy_contact_data_input_1{
width: 506px;
}
.buy_contact_data_input_2{
width: 139px;
}
.buy_contact_data_input_2::-webkit-input-placeholder{
color: #ababab;
}
.buy_contact_data_input_2::-moz-placeholder{
color: #ababab;
}
.buy_contact_data_input_2:-ms-input-placeholder{
color: #ababab;
}
.buy_contact_data_input_2::-ms-input-placeholder{
color: #ababab;
}
.buy_contact_data_input_2::placeholder{
color: #ababab;
}
.buy_delivery{
border-bottom: 2px solid #e4e4e4;
margin-bottom: 20px;
}
.buy_delivery_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
}
.buy_delivery_title p{
float: right;
color: #9e9e9e;
vertical-align: bottom;
margin-top: 0;
margin-bottom: 0;
padding-top: 27px;
cursor: pointer;
}
.buy_delivery_choose{
margin-bottom: 40px;
}
.buy_delivery_courier{
display: inline-block;
padding-left: 45px;
padding-right: 45px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 600;
cursor: pointer;
}
.buy_delivery_self{
display: inline-block;
padding-left: 45px;
padding-right: 45px;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 600;
cursor: pointer;
}
.buy_delivery_active{
border:1px solid #007bb7;
border-radius: 5px;
color: #007bb7;
}
.buy_delivery_non_active{
color: #9e9e9e;
border:1px solid #fff;
border-radius: 5px;
}
.buy_delivery_courier_form{
display: inline-block;
width: 535px;
}
.buy_delivery_data_input_1{
width: 506px;
}
.buy_delivery_courier_form input{
display: block;
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
border-radius: 5px;
border:1px solid #9e9e9e;
border-color: #9e9e9e;
}
.buy_delivery_data{
border-bottom:2px solid #e4e4e4;
margin-bottom: 18px;
}
.buy_delivery_courier_form label{
display: block;
color: #1f5169;
font-weight: 600;
margin-bottom: 10px;
}
.buy_delivery_data_input_1{
width: 506px;
}
.buy_delivery_data_input_2{
width: 506px;
}
.buy_delivery_data_input_2::-webkit-input-placeholder{
color: #ababab;
}
.buy_delivery_data_input_2::-moz-placeholder{
color: #ababab;
}
.buy_delivery_data_input_2:-ms-input-placeholder{
color: #ababab;
}
.buy_delivery_data_input_2::-ms-input-placeholder{
color: #ababab;
}
.buy_delivery_data_input_2::placeholder{
color: #ababab;
}
.buy_delivery_data_input_3{
width: 137px;
}
.buy_delivery_data_input_4{
width: 137px;
}
.buy_delivery_data_input_5{
width: 137px;
}
.buy_delivery_data_input_5::-webkit-input-placeholder{
color: #ababab;
}
.buy_delivery_data_input_5::-moz-placeholder{
color: #ababab;
}
.buy_delivery_data_input_5:-ms-input-placeholder{
color: #ababab;
}
.buy_delivery_data_input_5::-ms-input-placeholder{
color: #ababab;
}
.buy_delivery_data_input_5::placeholder{
color: #ababab;
}
.buy_delivery_courier_form_align{
display: inline-block;
margin-right: 12px;
}
.buy_delivery_courier_info{
display: inline-block;
width: 534px;
vertical-align: top;
margin-left: 15px;
}
.buy_delivery_courier_info p{
font-size: 13px;
margin-top: 0;
}
.buy_delivery_courier_info p span{
font-size: 15px;
color: #174b64;
font-weight: 600;
}
.buy_delivery_courier_info a{
font-size: 15px;
color: #3e9bc8;
font-weight: 600;
}
.buy_delivery_self_form{
margin-bottom: 20px;
}
.buy_delivery_self_form_add{
display: inline-block;
width: 500px;
vertical-align: top;
}
.buy_delivery_info_add_item{
margin-bottom: 32px;
}
.buy_delivery_info_add_item p{
font-size: 14px;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
font-weight: 300;
}
.buy_delivery_info_add_item img{
display: inline-block;
margin-right: 17px;
position: relative;
}
.buy_delivery_info_add_item a{
color: #000;
text-decoration: none;
}
.buy_delivery_info_add_item a:hover{
text-decoration: underline;
}
.buy_delivery_form_add_item_text{
display: inline-block;
}
.buy_delivery_info_add_item_icon_1{
bottom: 10px;
}
.buy_delivery_info_add_item_icon_2{
bottom: 2px;
}
.buy_delivery_info_add_phone{
display: inline-block;
margin-right: 40px;
margin-top: 7px;
margin-bottom: 4px;
}
.buy_delivery_info_add_phone p{
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 300;
}
.buy_delivery_info_add_hour{
display: inline-block;
margin-top: 7px;
margin-bottom: 4px;
}
.buy_delivery_info_add_hour p{
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 300;
}
.buy_delivery_self_form_info{
display: inline-block;
width: 535px;
vertical-align: top;
margin-left: 49px;
}
.buy_delivery_self_form_info p{
font-size: 13px;
margin-top: 0;
}
.buy_delivery_self_form_info p span{
font-size: 15px;
color: #003955;
font-weight: 600;
}
.buy_delivery_choose_form_show{
display: block;
}
.buy_delivery_choose_form_hidden{
display: none;
}
.buy_pay_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
}
.buy_item_type_radio{
display: inline-block;
margin-right: 20px;
color: #003955;
font-weight: 600;
font-size: 16px;
}
#buy_pay_submit{
display: block;
vertical-align: middle;
padding-left: 50px;
padding-right: 50px;
padding-top: 12px;
padding-bottom: 12px;
color: #fff;
background: #fbba00;
border-radius: 5px;
cursor: pointer;
margin-top: 7px;
border:none;
font-size: 15px;
font-weight: 600;
display: inline-block;
cursor: pointer;
}
.buy_important{
color: #2f93c4;
font-size: 15px;
margin-top: 65px;
margin-bottom: 45px;
}
.kaspi_info{
overflow: hidden;
margin-top: 40px;
max-width: 570px;
height: 0;
transition: 1s;
}
.kaspi_info h4{
display: inline-block;
margin-top: 7px;
margin-bottom: 7px;
color: #003955;
font-weight: 600;
font-size: 16px;
}
.kaspi_info ol{
padding-left: 17px;
}
.kaspi_info ol li{
margin-bottom: 15px;
font-size: 15px;
font-weight: 400px;
}
.kaspi_info ol li a{
color: #2f93c4;
}
/*оплата*/
.pay_background{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: #000;
opacity: 0.5;
z-index: 900;
}
.pay_window{
margin: 0 auto;
width: 454px;
height: 380px;
background: #fff;
opacity: 1;
position: fixed;
top: calc(50% - 267px);
left: calc(50% - 210px);
z-index: 901;
border-radius: 5px;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
background: #fff;
}
.pay_window h2{
text-align: center;
color: #002537;
margin-top: 0;
}
.pay_card{
width: 272px;
height: 135px;
background-color: #fbfbfb;
border:1px solid #9e9e9e;
border-radius: 5px;
position: absolute;
left: 65px;
top: 105px;
z-index: 903;
padding: 20px;
}
.pay_cvc{
width: 312px;
height: 175px;
background-color: #fbfbfb;
border:1px solid #9e9e9e;
border-radius: 5px;
position: absolute;
left: 160px;
top: 125px;
z-index: 902;
}
#pay_submit{
position: absolute;
bottom: 40px;
left: 185px;
border: none;
background: #fbba00;
height: 40px;
color: #fff;
font-size: 16px;
font-weight: 500;
cursor: pointer;
border-radius: 5px;
padding-left: 46px;
padding-right: 46px;
}
.pay_card input{
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 15px;
border-radius: 5px;
border: 1px solid #cecece;
border-color: #cecece;
font-weight: 300;
}
.pay_card input::-webkit-input-placeholder{
color: #aaaaaa;
}
.pay_card input::-moz-placeholder{
color: #aaaaaa;
}
.pay_card input:-ms-input-placeholder{
color: #aaaaaa;
}
.pay_card input::-ms-input-placeholder{
color: #aaaaaa;
}
.pay_card input::placeholder{
color: #aaaaaa;
}
.pay_card_month{
display: inline-block;
width: 28px;
margin-right: 5px;
}
.pay_card_year{
display: inline-block;
width: 28px;
}
.pay_card_grey{
width: 100%;
height: 32px;
position: absolute;
top: 20px;
background-color: #9e9e9e;
}
.pay_card_cvc{
position: absolute;
right: 20px;
top: 70px;
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
padding-top: 7px;
padding-bottom: 7px;
font-size: 15px;
border-radius: 5px;
border: 1px solid #cecece;
border-color: #cecece;
font-weight: 300;
width: 31px;
}
.pay_card_cvc::-webkit-input-placeholder{
color: #aaaaaa;
}
.pay_card_cvc::-moz-placeholder{
color: #aaaaaa;
}
.pay_card_cvc:-ms-input-placeholder{
color: #aaaaaa;
}
.pay_card_cvc::-ms-input-placeholder{
color: #aaaaaa;
}
.pay_card_cvc::placeholder{
color: #aaaaaa;
}
.pay_show{
display: block;
}
.pay_show_hidden{
display: none;
}
/*мои книги*/
.my_books_content{
margin-bottom: 40px;
min-height: calc(100vh - 655px);
}
.my_books_item_img{
display: inline-block;
width: 75px;
vertical-align: top;
}
.my_books_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
margin-top: 30px;
margin-bottom: 30px;
}
.my_books_title{
border-bottom: 2px solid #efefef;
margin-bottom: 20px;
}
.my_books_item {
position: relative;
margin-bottom: 20px;
border-bottom: 2px solid #efefef;
padding-bottom: 16px;
}
.my_books_discount{
border-bottom: 2px solid #efefef;
margin-top: -11px;
}
.my_books_discount p{
display: inline-block;
margin-top: 0;
margin-bottom: 9px;
}
.my_books_discount p span{
display: inline-block;
color: #003955;
font-weight: 600;
}
.my_books_discount_p{
float: right;
}
.my_books_summ{
border-bottom: 2px solid #efefef;
margin-top: -7px;
margin-bottom: 20px;
}
.my_books_summ p{
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
}
.my_books_item a{
text-decoration: none;
}
.my_books_item_description{
display: inline-block;
margin-left: 11px;
}
.my_books_item_description h3{
margin-top: 0;
color: #144862;
font-size: 16px;
margin-bottom: 0;
width: 100%;
overflow: hidden;
}
.my_books_item_description h3:hover{
text-decoration: underline;
}
.my_books_item_description h4{
margin-top: 0;
color: #000;
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
width: 100%;
overflow: hidden;
}
.my_books_item_description h4:hover{
text-decoration: underline;
}
.my_books_item_isbn{
margin-top: 0;
margin-bottom: 0;
color: #afafaf;
padding-top: 5px;
font-weight: 300;
font-size: 16px;
margin-bottom: 4px;
}
.my_books_item_binding{
color: #007bb7;
margin-bottom: 0;
margin-top: 24px;
text-decoration: underline;
font-weight: 500;
}
/*кабинет b2b*/
.b2b_account_content h2{
color: #003955;
margin-top: 45px;
font-size: 24px;
}
.b2b_account_info{
margin-bottom: 30px;
}
.b2b_account_info_quest{
display: inline-block;
vertical-align: top;
width: 535px;
}
.b2b_account_info_ebook{
display: inline-block;
vertical-align: top;
width: 535px;
margin-left: 14px;
}
.b2b_account_info h3{
color: #007bb7;
font-weight: 500;
}
.b2b_account_info a{
color: #007bb7;
}
.b2b_account_info p{
font-size: 16px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 300;
}
.b2b_account_info_quest_contact_photo{
width: 75px;
height: 75px;
background-color: #9e9e9e;
border-radius: 50%;
display: inline-block;
float: left;
overflow: hidden;
}
.photo_img1{
background-image: url(../storage/img/manager2.jpg);
background-size: cover;
background-position-x: 50%;
background-position-y: 50%;
}
.photo_img2{
background-image: url(../storage/img/manager1.jpg);
background-size: cover;
}
.b2b_account_info_quest_contact_photo img{
width: 100%;
}
.b2b_account_info_quest_contact p span{
margin-top: 0;
font-weight: 700;
}
.b2b_account_info_ebook_contact{
margin-bottom: 0 !important;
margin-top: 0;
}
.b2b_account_info_ebook_contact a{
text-decoration:none;
}
.b2b_account_info_quest_contact p{
display: inline-block;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
padding-left: 15px;
position: relative;
bottom: 5px;
line-height: 22px;
}
.b2b_account_info_quest_call_us{
margin-top: 50px;
}
.b2b_account_info_ebook p{
margin-bottom: 31px;
}
.b2b_account_info_ebook_request{
display: inline-block;
vertical-align: middle;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
background: #fbba00;
border-radius: 5px;
cursor: pointer;
margin-top: 25px;
}
.b2b_account_partners{
height: 720px;
width: 100%;
background-color: #007bb7;
display: block;
}
.b2b_partners_content h3{
color: #fff;
font-size: 24px;
font-weight: 500;
}
.b2b_partners_content p{
color: #fff;
font-size: 16px;
font-weight: 200;
}
.b2b_partners_content p span{
color: #fbba00;
font-size: 24px;
font-weight: 300;
}
.b2b_account_partners_top{
border-bottom: 2px solid #60acd2;
padding-bottom: 40px;
padding-top: 15px;
}
.b2b_account_partners_top_left{
display: inline-block;
width: 558px;
vertical-align: top;
}
.b2b_account_partners_top_right{
display: inline-block;
width: 523px;
vertical-align: top;
}
.b2b_account_partners_top_right_logo{
width: 522px;
border:2px solid #80bddb;
border-radius: 5px;
height: 200px;
position: relative;
}
.b2b_account_partners_bottom{
padding-top: 20px;
}
.b2b_account_partners_bottom_left{
display: inline-block;
width: 558px;
vertical-align: top;
}
.b2b_account_partners_bottom_right{
display: inline-block;
width: 523px;
vertical-align: top;
}
.b2b_account_partners_bottom_right_dir p{
margin-bottom: 30px;
}
.b2b_account_partners_top_right_logo img{
position: absolute;
}
.b2b_account_partners_top_right_logo_1{
width: 157px;
top: 33px;
left: 34px;
}
.b2b_account_partners_top_right_logo_2{
width: 260px;
top: 24px;
right: 35px;
}
.b2b_account_partners_top_right_logo_3{
width: 152px;
bottom: 25px;
left: 35px;
}
.b2b_account_partners_top_right_logo_4{
width: 257px;
bottom: 36px;
right: 35px;
}
.b2b_account_categories a{
text-decoration: none;
}
.b2b_account_categories a:hover{
text-decoration: underline;
}
.b2b_account_categories h3{
color: #003955;
margin-top: 45px;
margin-bottom: 45px;
font-size: 24px;
}
.b2b_account_categories_item{
width: 258px;
border:1px solid #e4e4e4;
padding-top: 20px;
height: 238px;
display: inline-block;
margin-right: 12px;
margin-bottom: 16px;
vertical-align: top;
border-radius: 5px;
position: relative;
}
.b2b_account_categories_item_img{
width: 127px;
height: 165px;
overflow: hidden;
background-color: #e4e4e4;
margin-left: 65px;
}
.b2b_account_categories_item_img img{
width:100%;
}
.b2b_account_categories_item h4{
margin-bottom: 0;
color: #3e697e;
font-weight: 400;
text-align: center;
}
.b2b_categories_content{
margin:0 auto;
width: 1100px;
padding-left: 12px;
margin-bottom: 24px;
}
.b2b_account_categories_item_align{
position: relative;
bottom: 13px;
}
.b2b_account_contract{
width: 100%;
background-color: #9e9e9e;
padding-top: 22px;
padding-bottom: 75px;
}
.b2b_account_contract_left{
display: inline-block;
width: 518px;
}
.b2b_account_contract_right{
display: inline-block;
width: 530px;
}
.b2b_account_contract_left p{
display: inline-block;
color: #fff;
text-decoration: underline;
display: inline-block;
cursor: pointer;
font-weight: 300;
margin-bottom: 5px;
}
.b2b_account_contract_right p{
display: inline-block;
color: #fff;
text-decoration: underline;
display: inline-block;
cursor: pointer;
font-weight: 300;
margin-bottom: 5px;
}
/*доÑтаваленные книги*/
.delivers_title h2{
color: #002537;
display: inline-block;
font-size: 24px;
margin-top:30px;
margin-bottom: 30px;
}
.delivers_title p{
float: right;
color: #9e9e9e;
vertical-align: bottom;
margin-top: 0;
margin-bottom: 0;
padding-top: 27px;
cursor: pointer;
}
.delivers_item_img{
display: inline-block;
width: 75px;
vertical-align: top;
}
.delivers_item {
position: relative;
margin-bottom: 20px;
border-bottom: 2px solid #efefef;
padding-bottom: 16px;
}
.delivers_discount{
border-bottom: 2px solid #efefef;
margin-top: -11px;
}
.delivers_discount p{
display: inline-block;
margin-top: 0;
margin-bottom: 9px;
}
.delivers_discount p span{
display: inline-block;
color: #003955;
font-weight: 600;
}
.delivers_discount_p{
float: right;
}
.delivers_summ{
border-bottom: 2px solid #efefef;
margin-top: -7px;
margin-bottom: 20px;
}
.delivers_summ p{
display: inline-block;
margin-top: 0;
margin-bottom: 10px;
}
.delivers_discount_s{
float: right;
color: #007bb7;
font-size: 24px;
font-weight: 500;
margin-bottom: 0;
position: relative;
bottom: 5px;
}
.delivers_discount_i{
float: right;
margin-right: 40px;
}
.delivers_summ p span{
display: inline-block;
color: #003955;
font-weight: 600;
}
.delivers_item a{
text-decoration: none;
}
.delivers_item_description{
display: inline-block;
margin-left: 11px;
max-width: 560px;
}
.delivers_item_description h3{
margin-top: 0;
color: #144862;
font-size: 16px;
margin-bottom: 0;
width: 100%;
overflow: hidden;
max-height:19px;
text-overflow:ellipsis;
}
.delivers_item_description h3:hover{
text-decoration: underline;
}
.delivers_item_description h4{
margin-top: 0;
color: #000;
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
width: 100%;
overflow: hidden;
}
.delivers_item_description h4:hover{
text-decoration: underline;
}
.delivers_item_isbn{
margin-top: 0;
margin-bottom: 0;
color: #afafaf;
padding-top: 5px;
font-weight: 300;
font-size: 16px;
margin-bottom: 4px;
}
.delivers_item_binding{
font-weight: 300;
margin-bottom: 0;
margin-top: 27px;
}
.delivers_item_binding span{
font-weight: 500;
}
.delivers_item_count{
display: inline-block;
}
.delivers_item_count p{
margin-top: 0;
}
.delivers_item_count{
display: inline-block;
vertical-align: bottom;
margin-right: 40px;
}
.delivers_item_count img{
height: 15px;
}
.delivers_item_count {
float: right;
position: relative;
top: 89px;
}
.delivers_item_count_price p{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
}
.delivers_item_count p{
font-size: 16px;
margin-bottom: 10px;
font-weight: 300;
}
.delivers_item_count_input{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
text-align: center;
display: inline-block;
width: 48px;
border-radius:5px;
border:2px solid #e4e4e4;
}
.delivers_item_count img{
position: relative;
top: 2px;
cursor: pointer;
}
#delivers_item_count_input{
font-size: 16px;
font-weight: 300;
margin-bottom: 5px;
text-align: center;
display: inline-block;
width: 48px;
border-radius:5px;
border:2px solid #e4e4e4;
color: #7d7d7d;
}
.delivers_item_count_price{
display: inline-block;
float: right;
position: relative;
top: 42px;
vertical-align: top;
}
.delivers_item_count_price_c{
color: #047db8;
font-size: 24px !important;
font-weight: 500 !important;
margin-top: 0;
}
.delivers_title{
border-bottom: 2px solid #efefef;
margin-bottom: 20px;
}
.buy_delivery_info_add_item_radio{
vertical-align: top;
margin-right: 20px;
margin-top: 20px;
}
.buy_delivery_info_add_item_radio_2{
margin-top: 10px;
}
.delivery_radio{
display: none;
}
.header_modal{
border: 1px solid #e4e4e4;
border-radius: 5px;
background-color: #fff;
padding:10px;
position: fixed;
top: calc(50% - 20px);
overflow: hidden;
z-index: 905;
left: calc(50% - 120px);
display: none;
}
.header_modal p{
margin-top: 0;
margin-bottom: 0;
}
.error_message{
color: #E7411B;
font-size: 16px;
line-height: 24px;
margin-top: 0;
margin-bottom: 0;
}
.checkout_empty a{
display: inline-block;
margin:0 auto;
color: #fff;
background-color: #fbba00;
font-size: 18px;
font-weight: 500;
padding-left:40px;
padding-right: 40px;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 5px;
margin-bottom: 40px;
margin-top: 40px;
cursor: pointer;
text-decoration: none;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.search-result_title{
margin-top: 0;
color: #007bb7;
font-size: 28px;
line-height: 28px;
}
.contact-btn button {
background: #fbba00;
border: 2px solid #fbba00;
box-shadow: none;
color: #fff;
display: inline-block;
font-family: Poppins,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 34px;
padding: 2px 20px 0;
margin: 30px 0 70px;
text-shadow: none;
text-transform: uppercase;
transition: all 0.4s ease 0s;
border-radius: 5px;
}
.cart_item_session_success{
position: absolute;
bottom: 30px;
width: 225px;
text-align: center;
background: #007bb7;
border-radius: 5px;
color: #fff;
display: none;
}
.product_item_session_success{
position: absolute;
bottom: 30px;
width: 225px;
text-align: center;
background: #007bb7;
border-radius: 5px;
color: #fff;
display: none;
}
.book_added{
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
color: #fff;
text-align: center;
background: #007bb7;
border-radius: 5px;
display: none;
}
.book_added p{
margin-top: 10px;
margin-bottom: 10px;
}
.product_item_session_success p{
margin-top:9px;
margin-bottom:9px;
}
.author_item_session_success p{
margin-top:9px;
margin-bottom:9px;
}
.author_item_session_success{
position: absolute;
bottom: 30px;
width: 225px;
text-align: center;
background: #007bb7;
border-radius: 5px;
color: #fff;
display: none;
}
.cart_item_session_success p{
margin-top: 9px;
margin-bottom: 9px;
}
.b2b_account_categories_item {
position:relative;
}
.authors_title{
margin-bottom: 30px;
margin-top: 30px;
}
.authors_title h2{
margin-top: 0;
margin-bottom: 0px;
color: #007bb7;
font-size: 28px;
line-height: 28px;
display: inline-block;
}
.authors_items{
margin-bottom: 40px;
width: 1114px;
}
.authors_item{
border:1px solid #e4e4e4 ;
border-radius: 5px;
display: inline-block;
padding-top: 5px;
padding-bottom: 30px;
padding-right: 50px;
padding-left: 50px;
text-align: center;
width: 160px;
margin-bottom: 10px;
overflow: hidden;
margin-right: 10px;
height: 100px;
/*margin-left: 5px;*/
position: relative;
}
.authors_item h3{
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: 24px;
color: #003955;
margin-bottom: 0;
}
.authors_item a{
text-align: center;
text-decoration: none;
line-height: 24px;
color: #003955;
position: absolute;
text-align: center;
width: 160px;
display: block;
bottom: 20px;
}
.authors_item a:hover{
text-decoration: underline;
}
.download{
position: absolute;
right: 25px;
top: 163px;
}
.download_content{
position: relative;
left: 10px;
top: 4px;
}
.wa_share{
display: none;
}
.b2b_buy_content{
min-height: calc(100vh - 657px);
}
.buy_content{
min-height: calc(100vh - 657px);
}
.main_recommendation_item_img{
max-width: 126px;
max-height: 177px;
overflow:hidden;
}
.author_books_item_img{
max-width: 126px;
max-height: 177px;
overflow:hidden;
}
.book_recommendation_item_img{
max-width: 126px;
max-height: 177px;
overflow:hidden;
}
.my_books_item_img{
max-width:75px;
max-height:105px;
overflow:hidden;
}
.b2b_buy_cart_item_img{
max-width:75px;
max-height:105px;
overflow:hidden;
}
.buy_cart_item_img{
max-width:75px;
max-height:105px;
overflow:hidden;
}
.category_recommendation_item_img{
max-width: 126px;
max-height: 177px;
overflow:hidden;
}
.buy_cart_item_img{
max-width:75px;
max-height:105px;
overflow:hidden;
}
.delivers_content{
min-height: calc(100vh - 657px);
}
.b2b_request_form_back{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: #000;
opacity: 0.5;
z-index: 900;
display: none;
}
.b2b_request_form_left{
display: inline-block;
margin-right: 50px;
}
.b2b_request_form_right{
display: inline-block;
vertical-align: top;
}
.b2b_request_form{
background-color: #fff;
padding: 40px;
border-radius: 5px;
position: absolute;
width: 600px;
z-index: 901;
top: 170px;
left:calc(50% - 340px);
display: none;
}
.b2b_request_logo{
margin-bottom: 40px;
display: block;
}
.b2b_request_form label {
color: #c2c2c2;
font-size: 14px;
font-weight: 300;
display: inline-block;
margin-bottom: 10px;
}
.b2b_form_name{
font-size: 18px;
border: 1px solid #e4e4e4;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
width: 238px;
margin-bottom: 20px;
}
.b2b_form_surname{
font-size: 18px;
border: 1px solid #e4e4e4;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
width: 238px;
margin-bottom: 20px;
}
.b2b_form_org{
font-size: 18px;
border: 1px solid #e4e4e4;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
width: 238px;
margin-bottom: 20px;
}
.b2b_form_phone{
font-size: 18px;
border: 1px solid #e4e4e4;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
width: 238px;
margin-bottom: 20px;
}
.b2b_form_email{
font-size: 18px;
border: 1px solid #e4e4e4;
border-radius: 5px;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
width: 238px;
margin-bottom: 24px;
}
.b2b_form_submit{
display: inline-block;
vertical-align: middle;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
background: #fbba00;
border-radius: 5px;
cursor: pointer;
margin-top: 25px;
width: 270px;
border:none;
font-size: 20px;
}
.buy_item_type_radio input{
margin-right: 5px;
}
.author_recomendation_select{
padding-left: 20px;
color: #9e9e9e;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
border-color:#e4e4e4;
border-radius: 5px;
position: relative;
float: right;
display: inline-block;
margin-top: 10px;
color: #9e9e9e;
bottom: 11px;
}
.scope{
position: relative;
bottom: 9px;
cursor: pointer;
}
.scope_window{
display: none;
position: absolute;
padding: 40px;
background-color: #fff;
box-shadow: 0px 3px 14px -7px #000;
width: 736px;
height: 387px;
top: 0;
left: 0;
z-index: 899;
}
.scope_img{
padding: 10px;
border: 1px solid #e4e4e4;
border-radius: 5px;
display: inline-block;
float: left;
width: 304px;
height: 367px;
overflow: hidden;
}
.scope_img img{
width: 254px;
}
.scope_share_menu{
border-radius: 5px;
background-color: #fff;
padding-left: 7px;
padding-top: 7px;
position: absolute;
top:175px;
overflow:hidden;
width: 0;
height: 0;
margin-left: -7px;
}
.scope_share_menu img{
padding-right: 7px;
cursor: pointer;
display: block;
padding-bottom: 7px;
}
.active_share{
width: auto !important;
height: auto !important;
border: 1px solid #e4e4e4;
}
.scope_like_icon{
position: relative;
bottom: 10px;
}
.scope_share_icon{
position: relative;
}
.scope_item_icon{
float: right;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 358px;
width: 25px ;
vertical-align: bottom;
padding-right: 10px;
}
.scope_item_icon img{
width: 25px;
}
.scope_title{
width: 385px;
float: right;
height: 388px;
}
.scope_title a{
text-decoration: none;
}
.scope_title h6{
font-size: 24px;
color: #003955;
margin-top:0;
max-height: 58px;
overflow: hidden;
margin-bottom: 10px;
text-overflow: ellipsis;
overflow: hidden;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
}
.scope_isbn{
color: #a6a6a6;
display: inline-block;
font-weight: 300;
margin-top: 0;
margin-bottom: 10px;
}
.scope_isbn span{
color: #a6a6a6;
font-weight: 500;
}
.scope_avail{
display: inline-block;
margin-left: 7px;
font-size: 14px;
font-weight: 500;
color: #007bb7;
margin-top: 0;
margin-bottom: 10px;
}
.scope_rate p{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
color: #a6a6a6;
position: relative;
bottom: 3px;
font-weight: 300;
}
.scope_rate img{
margin-right: 5px;
cursor: pointer;
}
.scope_bind{
margin-bottom: 5px;
}
.scope_bind_title{
font-weight: 500;
margin-bottom: 10px;
}
.scope_bind_radio{
display: inline-block;
margin-top: 0;
margin-right: 20px;
margin-bottom: 6px;
font-weight: 400;
font-size: 16px;
}
.scope_bind_radio input{
margin-right: 5px;
margin-left: 0;
}
.scope_info{
margin-top: 32px;
}
.scope_info p{
margin: 5px auto;
font-weight: 300;
max-height: 19px;
overflow: hidden;
text-overflow: ellipsis;
overflow: hidden;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-clamp: 1;
box-orient: vertical;
}
.scope_info a{
color: #007bb7;
}
.sidebar_filter{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 13px;
padding-right: 13px;
border: 1px solid #e4e4e4;
border-radius: 5px;
display: inline-block;
overflow: hidden;
position: absolute;
top:0;
background-color: #fff;
width: 233px;
text-align: center;
transition: 0.5s;
display: none;
z-index: 899;
}
.sidebar_filter p{
font-size: 14px;
color: #007bb7;
font-weight: 400;
display: inline-block;
margin-right: 15px;
}
.sidebar_filter p span{
font-size: 16px;
color: #007bb7;
font-weight: 600;
}
.sidebar_filter_input input{
width: 107px;
height: 35px;
border-radius: 5px;
background-color: #fbba00;
background-repeat: no-repeat;
color: #fff;
font-weight: 500;
font-size: 16px;
cursor: pointer;
display: inline-block;
border-color: transparent;
}
.sidebar_filter_input{
display: inline-block;
}
.sidebar_filter_input input:focus{
outline: none;
}
.mobile_sidebar_filter{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 13px;
padding-right: 13px;
border: 1px solid #e4e4e4;
border-radius: 5px;
display: inline-block;
overflow: hidden;
position: relative;
top:0;
background-color: #fff;
width: calc(100% - 60px);
text-align: center;
transition: 0.5s;
display: none;
z-index: 899;
}
.mobile_sidebar_filter p{
font-size: 14px;
color: #007bb7;
font-weight: 400;
display: inline-block;
margin-right: 15px;
}
.mobile_sidebar_filter p span{
font-size: 16px;
color: #007bb7;
font-weight: 600;
}
.mobile_sidebar_filter_input input{
width: 107px;
height: 35px;
border-radius: 5px;
background-color: #fbba00;
background-repeat: no-repeat;
color: #fff;
font-weight: 500;
font-size: 16px;
cursor: pointer;
display: inline-block;
border-color: transparent;
}
.mobile_sidebar_filter_input{
display: inline-block;
border-radius: 5px;
}
.book_sub{
font-size: 16px;
color: #fff;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
background-color: #007BB7;
border-radius: 5px;
line-height: 38px;
margin-top: 25px;
vertical-align: middle;
margin-left: 25px;
cursor: pointer;
}
.wishlistadd{
font-size: 16px;
color: black;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
background-color: red;
border-radius: 5px;
line-height: 38px;
margin-top: 25px;
vertical-align: middle;
cursor: pointer;
}
.wishlistremove{
font-size: 16px;
color: white;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
background-color: red;
border-radius: 5px;
line-height: 26px;
margin-top: 2px;
vertical-align: middle;
cursor: pointer;
}
.new_sub_wrap{
position: absolute;
padding: 40px 40px 25px 40px;
box-shadow: 0px 15px 45px -4px grey;
width: 660px;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 901;
top: 250px;
background-color: #fff;
left: calc(50% - 360px);
}
.ns_title{
font-size: 16px;
font-weight: 400;
text-align: left;
}
.ns_var{
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 30px;
margin-bottom: 40px;
}
.ns_var_item{
background-color: #E4E4E4;
padding: 20px 20px 10px 20px;
font-size: 18px;
font-weight: 400;
width: 156px;
text-align: center;
}
.ns_var_item span{
font-weight: bold;
}
.ns_desc{
font-size: 16px;
font-weight: 400;
text-align: left;
}
.ns_foot{
font-size: 16px;
font-weight: 600;
text-align: left;
margin-top: 20px;
}
.header_cart_buy_sub{
margin-left: 10px;
display: inline-block;
margin: 0 auto;
color: #fff;
background-color: #007BB7;
font-size: 18px;
font-weight: 500;
padding-left: 10px;
padding-right: 10px;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 5px;
margin-bottom: 40px;
cursor: pointer;
width: calc(100% - 20px);
text-align: center;
}
.block-27 ul li {
display: inline-block;
margin-bottom: 4px;
font-weight: 400;
}
.sidebar {
width: 70%;
}
.block-27 ul li a, .block-27 ul li span {
color: #000000;
text-align: center;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
border: 1px solid #e6e6e6;
background: #fff;
}
canvas {
height: 100% !important;
width: 100% !important;
border: 1px solid #000;
}
@media (min-width: 969px) {
canvas {
height: 90% !important;
width: 100% !important;
display: block;
margin: 0 auto;
}
}
@media (min-width: 1231px) {
canvas {
height: 90% !important;
width: 80% !important;
display: block;
margin: 0 auto;
}
}
.top-bar {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
background-color: #3a3c74;
height: 60px;
width: 100%;
}
.menu-toggle,
.menu-close {
border: none;
background: none;
cursor: pointer;
font-size: 20px;
padding: 5px;
color: #fff;
display: none;
}
.menu-overlay {
width: 100%;
background-color: #132038;
display: none;
}
.menu {
width: 100%;
transform: translateY(0%);
transition: transform 0.3s ease-in-out;
color: #fff;
background-color: #132038;
display: flex;
justify-content: space-around;
min-height: 120px;
align-items: center;
}
.menu-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
.menu-list>li {
margin-right: 30px;
}
.menu-list a {
display: block;
padding: 10px;
color: #fff;
text-decoration: none;
transition: background-color 0.3s ease-in-out;
}
.menu-list a:hover {
background-color: #f2f2f2;
color: black;
}
.menu-list .home-link:hover {
background: none;
}
.submenu {
display: none;
padding-left: 20px;
list-style: none;
}
.submenu-item:hover .submenu {
display: block;
background-color: #132038;
padding: 10px;
}
.submenu li {
margin-top: 5px;
}
.menu.active {
transform: translateY(0);
background-color: #003955;
}
.menu-overlay.active {
display: block;
background-color: #132038;
}
#pdfModalMobile {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100vh;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.mad-modal-mobile-content {
min-height: 80vh;
background-color: #fefefe;
margin: 3vh auto;
border: 1px solid #888;
padding: 3px;
width: 50vw;
height: 94vh;
border-radius: 10px;
font-size: 28px;
font-weight: bold;
}
#book-read-btn-mob {
display: none;
}
#loader {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.loader-circle {
width: 40px;
height: 40px;
border-radius: 50%;
border: 4px solid #219d12;
border-top-color: #c1a5a5;
animation: spin 1s infinite linear;
}
.collapse {
margin-left: 25px;
}
#myModal {
z-index: 1000;
}
#welcomeTitle {
width: 50%;
}
#sidebar {
width: 265px;
height: 100%;
background-color: #f1f1f1;
position: fixed;
top: 60px;
left: -265px;
transition: left 0.3s ease-in-out;
overflow-y: scroll;
opacity: 0.95;
z-index: 998;
}
.genre-list {
list-style: none;
padding: 0;
max-height: 500px;
overflow-y: auto;
}
.genre-list li {
padding: 10px 20px;
font-size: 18px;
background-color: #f0f0f0;
color: #333;
border-bottom: 1px solid #ddd;
transition: background-color 0.3s ease;
cursor: pointer;
}
.genre-list li:hover {
background-color: #3d3df3;
color: white;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.genre-list li:hover a {
color: white;
}
.genre-list li a {
color: black;
text-decoration: none;
}
.mad-dropdown {
position: absolute;
right: 150px;
top: 16px;
display: inline-block;
}
.mad-dropdown-toggle {
padding: 8px 16px;
border: none;
background-color: #f1f1f1;
cursor: pointer;
}
.mad-dropdown-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 160px;
display: none;
background-color: #f9f9f9;
padding: 8px 0;
z-index: 1;
}
.mad-dropdown-menu a {
display: block;
padding: 8px 16px;
text-decoration: none;
color: #333;
}
.mad-dropdown-menu a:hover {
background-color: #ddd;
}
.mad-dropdown:hover .mad-dropdown-menu {
display: block;
}
.card-body:hover {
background-color: #e5e7eb;
}
.mad-slideshow-container {
max-width: 100%;
position: relative;
margin-top: 30px;
}
.mad-slide {
height: 558px;
}
.mad-img {
height: 100%;
object-fit: cover;
}
.mad-prev, .mad-next {
cursor: pointer;
position: absolute;
top: 50%;
max-width: 100px;
margin-top: -52px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 68px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
text-decoration: none;
}
.mad-prev {
left: 3%;
}
.mad-next {
right: 3%;
border-radius: 3px 0 0 3px;
}
.mad-prev:hover, .mad-next:hover {
color: #4933ff;
background-color: rgba(197,197,197,0.6);
}
.mad-text {
color: black;
font-size: 16px;
padding: 8px 12px;
position: absolute;
bottom: 20%;
left: 10%;
right: 10%;
background-color: white;
border-radius: 10px;
opacity: 0.9;
}
.mad-numbertext {
color: black;
font-size: 36px;
padding: 8px 12px;
position: absolute;
top: 5%;
right: 5%;
background-color: white;
border-radius: 10%;
font-family: cursive;
opacity: 0.9;
}
.dot {
cursor: pointer;
height: 13px;
width: 13px;
margin: 20px 2px;
background-color: #d3d1d1;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: grey;
}
.fade {
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-name: fade;
animation-duration: 1.5s;
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
}
.mad-form {
padding: 50px;
width: 50%;
height: auto;
background-color: rgba(233, 230, 225, 0.7);
border-radius: 3%;
margin-top: 2vh;
margin-bottom: 5vh;
}
.form-group {
position: relative;
margin-bottom: 20px;
}
.form-group img {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 20px;
}
.form-group input {
height: 50px;
padding-left: 35px;
border-radius: 10px;
width: 100%;
font-size: 19px;
font-family: 'Arial', sans-serif;
}
#mad-button {
background: #ff4b4b;
border: 1px solid #ff4b4b;
color:#fff;
width:100%;
font-family: 'Arial', sans-serif;
font-size: 19px;
border-radius: 10px;
height: 50px;
font-weight: bold;
margin-top: 50px;
}
#mad-button-primary {
border:none;
background: #007bff;
color:#fff;
width:100%;
font-family: 'Arial', sans-serif;
font-size: 19px;
border-radius: 10px;
height: 55px;
font-weight: bold;
margin-top: 50px;
}
.alert {
width: 50%;
}
.fl {
width: 100%;
}
.comment {
width: 100%;
}
.mad-modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100vh;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.mad-modal-content {
background-color: #fefefe;
margin: 5% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
height: 80%;
border-radius: 10px;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.card-img-top {
max-width: 100%;
max-height: 100%;
width: auto;
height:390px;
}
.genre-top-menu {
display: none;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (min-width: 1651px) {
.mad-dropdown {
right: 30px;
}
}
@media (max-width: 1650px) {
.mad-dropdown {
right: 250px;
}
}
@media (max-width: 1550px) {
.mad-dropdown {
right: 200px;
}
}
@media (max-width: 1468px) {
.mad-dropdown {
right: 220px;
}
}
@media (max-width: 990px) and (min-width: 768px) {
strong {
font-size: 15px;
}
}
@media (max-width: 991px) and (min-width: 576px) {
.d-flex {
display: block!important;
}
.delwrap {
text-align: right;
}
}
@media (max-width: 968px) and (min-width: 662px) {
#search_button {
background-size: 30% !important;
}
}
@media (min-width: 969px) {
#genre-modal .modal-content {
display: grid;
grid-template-columns: 50% 50%;
column-gap: 20px;
overflow-x: hidden;
width: 65%;
}
}
@media (max-width: 968px) {
.search-mobile > form {
display: grid !important;
grid-template-columns: 90% 10%;
}
#search_input {
position: relative;
left: 4px;
}
#search_input, #search_button {
width: auto !important;
}
#adal-contacts {
display: block;
}
#adal-contacts-right {
margin-top: 50px;
}
.category_recomendation_title {
justify-content: left;
}
#header_account_open {
top: 30px;
}
.header_content {
justify-content: space-between;
}
.nav_header, .search {
display: none;
}
.header_account_window {
width: 80vw;
}
#langs-top {
display: none;
}
.modal-content {
width: 90%;
}
.wa {
float: left;
margin-left: 10px;
}
.footer_rights, .footer_title {
margin-left: 10px;
}
.content {
width: 100%
}
.category_row {
display: block !important;
}
.category_item {
width: 100%;
}
.sidebar {
width: 90% !important;
}
.mad-dropdown {
right: 94px;
}
.mad-slide {
height: 390px;
}
.mad-form {
width: 80%;
}
.mad-text {
display: none;
}
.alert {
width: 100%;
}
#welcomeTitle {
width: 90%;
}
#book-read-btn-mob {
display: block;
}
#book-read-btn {
display: none;
}
.genre-top-menu {
display: block;
}
.menu {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 200;
transform: translateY(-100%);
}
.mad-modal-mobile-content {
background-color: #fefefe;
margin: 10% auto;
border: 1px solid #888;
padding: 3px;
width: 94%;
height: auto;
border-radius: 10px;
font-size: 28px;
font-weight: bold;
}
.menu>form {
margin-bottom: 10px;
}
.menu-list {
display: block;
margin: 10px 0;
}
.menu-toggle,
.menu-close {
display: block;
}
.menu-close:active {
font-size: 25px;
}
.submenu {
overflow-y: auto;
max-height: 300px;
}
.top-bar {
background-color: #003955;
}
}
@media (min-width: 768px) {
.col {
width: 25%;
}
}
@media (min-width: 993px) and (max-width:1466px) {
.col {
width: 33.333%;
}
}
@media (min-width: 769px) and (max-width:992px) {
.col {
width: 50%;
}
}
@media (min-width: 576px) and (max-width:767px) {
.card-body > p {
height: 93px !important;
}
}
@media (min-width: 1471px) {
.mad-modal-mobile-content {
width: 40vw;
}
}
@media (min-width: 969px) {
.top-bar, .menu, .search-mobile {
display: none;
}
}
@media (max-width: 550px) {
.mad-dropdown {
right: 24px;
}
.mad-slide {
height: 290px;
}
.mad-form {
width: 100%;
}
.alert {
width: 100%;
}
}