@charset "utf-8";

/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500|Roboto:300,400,500,700,900&display=swap&subset=cyrillic');
html, body {overflow-x: hidden;}
body {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	background: #efede0;
	color:#6c6c65;
}
.second-nav, .main-nav, .lang-nav, .tema-nav, .img-box .caption, .btn {font-family: 'Lora', sans-serif;}
.img-box.team .subtitle, .news-item .news-title, .blog-card .card-title, .product-item .title, .roboto {font-family: 'Roboto', sans-serif;}

/* BACKGROUNDS */
.bg-white {background-color: #fff!important;}
.bg-light {background-color: #dde9eb!important;}
.bg-dark {background-color: #1b2d30!important;}

/*bootstrap*/
.btn:focus, .btn.focus, button:focus {
  outline: 0;
  box-shadow: 0 0 0 0;
}
a {
	text-decoration: none;
	transition: all 0.15s ease-in-out;
	color: #cc302b;
}
a:hover, a:focus {color: #c5a052; text-decoration: none; outline: none;}


/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
  color: #6e4824;
  font-family: 'Lora', sans-serif;
  font-weight: 600;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {color: #fff;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw900 {font-weight: 900;}

.fs12 { font-size: 0.75rem; }  /* 12px */
.fs13 { font-size: 0.8125rem; }  /* 13px */
.fs14 { font-size: 0.875rem; }  /* 14px */
.fs18 { font-size: 1.125rem; }  /* 18px */
.fs19 { font-size: 1.1875rem; } /* 19px */
.fs20 { font-size: 1.25rem;  }  /* 20px */
.fs22 { font-size: 1.375rem;  } /* 22px */
.fs24 { font-size: 1.5rem; }    /* 24px */

.fs26 { font-size: 1.625rem; }  /* 26px */
.fs28 { font-size: 1.75rem; }   /* 28px */
.fs30 { font-size: 1.875rem; }  /* 30px */
.h4-lg { font-size: 2rem; }      /* 32px */
.h4-xl { font-size: 2.125rem; }  /* 34px */

/* SPACER */
.spacer-120 {
    padding: 120px 0;
}
.spacer-90 {
    padding: 90px 0;
}
.spacer-70 {
    padding: 70px 0;
}
.spacer-60 {
    padding: 60px 0;
}
.spacer-30 {
    padding: 30px 0;
}
.btn-circle {
    border-radius: 50px;
}

/* NAV */
.logo-box{
	background: #c9baa3;
	padding: 44px 0 26px 0;
}
.logo-box::before {
	right: 0;
    height: 100%;
	display:block;
    position: absolute;
	content:"";
    top: 0;
    width: 100%;
    width: 100vw;
    z-index: -1;
	background: #c9baa3;
}
.logo-box a {display:inline-box;}
.top-nav {
	padding: 42px 0 26px 0;
	border-bottom: 1px solid #c9baa3;
}
.bg-book {
	display: block;
	position: absolute; 
	width: 266px; height: 244px;
	content: "";
	background: url(../images/bg-book.png); 
	top:103px;
	right:0;
}

.lang-nav {padding: 10px 0 10px 20px; border-left:1px solid #c9baa3;}
.lang-nav .nav-item {padding: 0 .7rem; font-size: 1.25rem; font-style: italic;}
.lang-nav .nav-item a {color:#6e4824;}
.lang-nav .nav-item a:hover {color:#6e4824;}
.lang-nav .nav-item.active {color:#c9baa3;}

.second-nav {margin: 0 15px; padding: 10px 0 10px 0}
.second-nav .nav-item {padding:.5rem; font-size: 1.25rem; font-style: italic;}
.second-nav .nav-item.active a {color:#c9baa3;}

.tema-nav {margin: 0; padding: 10px 0 15px 0}
.tema-nav .nav-item {font-size: 1.25rem; font-style: italic; margin: 0 1rem 1rem 0; display: inherit;}
.tema-nav .nav-item a, .tema-nav .nav-item span {line-height: 1; background: transparent; border:1px solid #c9baa3; border-radius: 50px; color: #6e4824; padding:.5rem 1rem; }
.tema-nav .nav-item a:hover {background: transparent; border-color:#cc302b; color: #cc302b;}
.tema-nav .nav-item.active a, .tema-nav .nav-item.active a:hover, .tema-nav .nav-item span {background: #010302; border:1px solid #010302; color: #c9baa3;}
/* HEADER */
header.head{position: relative; transition: top 0.5s ease;}

header.head.fixed-top {
	background: #efede0;
}

header.head.fixed-top .logo-box, header.head.fixed-top .top-nav{
	padding: 10px 0 10px 0;
}
header.head.fixed-top .logo-box img {height: 48px;}
header.head.fixed-top .second-nav {padding: 0;}

#msMiniCart {position:relative;}
#msMiniCart svg {fill:#c9baa3; transition: all 0.15s ease-in-out;}
#msMiniCart.full svg {fill:#c5a052!important;}
#msMiniCart.full a:hover svg {fill:#6e4824!important;}
.not_empty {
	position: absolute; 
	line-height: 22px; 
	width: 28px; height: 28px;
	text-align: center;
	font-size: 0.75rem;
	color: #f7f6ec; 
	background: #cc302b; 
	border-radius: 50%;
	top:5px;
	right:-12px;
	border:2px solid #fff;
}
.btn-menu {
    display: none;
    width: 36px;
    height: 36px;
	padding-top: 10px;
    line-height: 1px;
    background: transparent;
    text-align: center;
	cursor:pointer;
	margin-right: 15px;
}
.btn-menu svg {fill:#c5a052!important; transition: all 0.15s ease-in-out;}
.btn-menu:hover svg {fill:#6e4824!important;}
.count {width: 100px;}
/* MOBILE MENU */
.mobile-menu {
    background-color: #efede0;
        position: absolute;
        top: 0;
        right: -400px;
        z-index: 999;
        width: 350px;
        padding: 15px 15px 30px 15px;
        box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.15);
        min-height: 100vh;
    transition: all 0.3s;
}
.mobile-menu .flex-column .nav-item{padding-left: 0;display: inline-block;}
.mobile-menu .flex-column .nav-item a {display: inline-block;}
.mobile-menu .lang-nav {border-left:0; border-bottom:1px solid rgba(0,0,0,.1)}
.mobile-menu.open {right: 0;}
.mobile-menu .close-btn {
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
    z-index: 9;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
}
.mobile-menu .close-btn svg {fill:#6e4824;}
.book-item {background: #f7f6ec; transition: all .5s;}
.book-item:hover{
  box-shadow: 0px 4px 8px 0px rgba(201, 186, 163, 0.31);
}
.book-item .img-box {
    position: relative;
    overflow: hidden;
    display: block;
	width: 30%;
}
.book-item .caption {padding: 30px 40px 30px 50px; width: 70%;}
.book-item .title {padding: 0 0 30px 0; position: relative;}
.book-item .title h2 {font-size: 1.5rem; font-weight: 400;}
.book-item .title::after {
	display: block;
	content: "";
	position: absolute;
	height: 3px;
	background: #c9baa3;
	left: 0;
	bottom: 0;
	/*margin-left: -50px;
	margin-right: -50px;*/
	width: 100%;
}
.book-item .annotation{padding:1.25rem 0;}
.book-item .annotation p {margin-bottom: 0.75rem; line-height: 1.25rem;}
.count-item span {
	display: inline-block;
	border-radius: 50px;
	background: #efede0 url(../images/view.png) no-repeat 1rem center;
	color:#c9baa3;
	padding: .5rem 1rem .5rem 3rem;	
}
.book-meta li {font-size: 0.875rem; color:#c9baa3;}
.book-meta li span {color: #6e4824;}

/* FOOTER */
.footer {color:#6e4824; margin-top: 60px;}
.footer a {color:#fff; text-decoration: none;}
.footer a:hover, .footer a:focus {color:#00b3bd; text-decoration: none;}
.declaration {
	color:#efede0; 
	background: #6e4824;
	padding: 80px 38px;
	font-size: 1.125rem;
}
.declaration a {color:#efede0; text-decoration: underline;}
.declaration a:hover, .declaration a:focus {color:#c5a052; text-decoration: none;}
.declaration p {line-height: 1.375;}
.footer-bottom {font-size: 0.875rem;}
.footer-bottom p {margin: 0;}

.scroll-top {
    position: fixed;
	background: rgba(255,255,255,.5);
	border: none;
    bottom: -60px;
    right: 30px;
    width: 42px;
	height: 42px;
	padding: 4px;
	line-height: 1px;
	border-radius:50%;
    z-index: 200;
    cursor: pointer;
    transition: all 1s;
    transform: translateY(100%);
}

.scroll-top.active {
    bottom: 30px;
    transform: translateY(0%);
}

.scroll-top:hover, .scroll-top:focus{
	border: none;
	background: rgba(255,255,255,1);
}
.scroll-top svg {fill:#c5a052; transition: all 0.5s ease-in-out;}
.scroll-top:hover svg {fill:#6e4824;}

/* RESPONSIVE */

@media (max-width: 991px) {

	
}

@media (max-width: 766px) 
{
	.second-nav .nav-item {font-size: 1rem;}
	.lang-nav .nav-item {padding: 0 .5rem; font-size: 1rem;}
	.tema-nav .nav-item {font-size: 1.125rem;}
}
@media (max-width: 742px)
{

}

@media (max-width: 658px) {
	.second-nav {display:none;}
	.btn-menu {display: block;}
	.mobile-menu .second-nav {display:block!important; margin-left: 10px;}
	.mobile-menu .second-nav .nav-item {font-size:1.25rem!important;}
	.mobile-menu .lang-nav {display:block!important; padding-left: 0;}
	.book-item .img-box {width: 60%;}
	.book-item .caption {padding: 30px 30px; width: 100%;}
	.declaration {padding: 30px 30px; font-size: 1rem;}
}

@media (max-width: 558px) {
.lang-nav {padding-left: 10px;}
.logo-box {padding: 34px 0 20px 0;}
}

@media (max-width: 490px) {
	body {line-height: 1.25;}
	.book-item .img-box {width: 100%;}
	.book-item .caption {padding: 30px 15px; width: 100%;}
	.tema-nav .nav-item {font-size: 1rem; margin-bottom: .5rem;}
	.logo-box, .top-nav {padding: 24px 0 16px 0;}

}
@media (max-width: 369px) {
	.book-item .caption {padding: 15px 15px;}
	.declaration {padding: 30px 15px;}
 	.lang-nav {display:none;}
}

@media (max-width: 349px) {
	.mobile-menu {width: 100%; padding-left:0; padding-right: 0; }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

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


}