.text-left {
text-align: left; }
.text-center {
text-align: center; }
.text-right {
text-align: right; } * {
box-sizing: border-box; }
*:before, *:after {
box-sizing: border-box; }
:root {
font-size: 16px; }
body {
font-family: "Open Sans";
font-weight: normal;
line-height: 1.7;
margin: 0;
background-color: #f6f6f6;
color: #616161;
word-break: break-word; }
h1, h2, h3, h4, h5, h6 {
color: #2B2B2B;
line-height: normal;
font-family: "Playfair Display";
font-weight: 700; }
a {
text-decoration: none;
color: inherit;
transition: .3s ease; }
figure, img, iframe {
max-width: 100%; }
figure {
margin: 0; }
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
visibility: hidden;
overflow: hidden; }
.site-content {
overflow-x: hidden; }
.site-content:after {
content: " ";
clear: both;
display: block; }
.main-content {
min-height: 50vh; } input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
padding: 8px 20px;
border: 3px solid #BDBDBD;
border-radius: 50px;
font-size: inherit;
font-family: inherit;
background-color: transparent;
line-height: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block; }
input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus {
outline: none; }
textarea {
min-height: 200px;
border-radius: 20px; }
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 60px;
background-image: url(//delo.ranepa.ru/wp-content/themes/pustaka/assets/img/select-arrow.png);
background-repeat: no-repeat;
background-position: right center;
max-width: 100%; }
.button, .comment-respond .form-submit input, input[type="submit"].dokan-btn-theme, a.dokan-btn-theme, .dokan-btn-theme, input[type="submit"], input[type="reset"] {
border: 3px solid #CD40E6;
padding: 10px 20px;
border-radius: 50px;
color: inherit;
font-size: inherit;
display: inline-block;
background-color: transparent;
transition: .3s ease;
line-height: 1.5;
text-decoration: none; }
.button:hover, .comment-respond .form-submit input:hover, input[type="submit"].dokan-btn-theme:hover, .dokan-btn-theme:hover, input[type="submit"]:hover, input[type="reset"]:hover {
border-color: #DB1037;
color: #CD40E6; }
.button--secondary, input[type="submit"]--secondary, input[type="reset"]--secondary {
border-color: #2B2B2B; }
.button--secondary:hover, input[type="submit"]--secondary:hover, input[type="reset"]--secondary:hover {
border-color: #BDBDBD;
color: inherit; }
.button--special, .comment .reply a, .widget.tokoo-mailchimp-subscribe-form .mc4wp-form-fields input[type="submit"], input[type="submit"]--special, input[type="reset"]--special {
border: none;
padding: 10px 50px 10px 0;
overflow: hidden;
position: relative;
border-radius: 0;
text-transform: uppercase;
letter-spacing: 1px; }
.button--special:after, .comment .reply a:after, .widget.tokoo-mailchimp-subscribe-form .mc4wp-form-fields input[type="submit"]:after, input[type="submit"]--special:after, input[type="reset"]--special:after {
content: " ";
width: 100%;
height: 2px;
background-color: #CD40E6;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
margin-left: 10px; }
.button--special-left, input[type="submit"]--special-left, input[type="reset"]--special-left {
padding: 10px 0px 10px 50px; }
.button--special-left:after, input[type="submit"]--special-left:after, input[type="reset"]--special-left:after {
display: none; }
.button--special-left:before, input[type="submit"]--special-left:before, input[type="reset"]--special-left:before {
content: " ";
width: 100%;
height: 2px;
background-color: #CD40E6;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
margin-right: 10px; }
.form-group {
margin-bottom: 30px; }
.form-group input, .form-group select {
width: 100%; }  table {
width: 100%;
border-collapse: collapse;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
th, td {
padding: 5px; }
caption {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
padding: 10px; }
thead {
background-color: #2B2B2B; }
thead th {
color: white;
padding: 10px 5px 5px; }
tbody {
background-color: white; }
tbody tr:nth-child(odd) {
background-color: #f1f4f6; }
tfoot {
background-color: #57445a;
color: white; }
tfoot a {
color: white; } .site-header {
background-color: white;
position: relative;
z-index: 99;
max-width: 100%; }
.site-header-wrap.is-sticky .site-header {
position: fixed;
width: 100%;
top: 0;
left: 0; }
@media screen and (max-width: 990px) {
.site-header-wrap.is-sticky .site-header {
position: relative;
top: 0; } }
.admin-bar .site-header-wrap.is-sticky .site-header {
top: 32px; }
@media screen and (max-width: 990px) {
.admin-bar .site-header-wrap.is-sticky .site-header {
position: relative;
top: 0; } }
.site-header.sticky-enabled {
position: fixed;
top: 0;
left: 0;
width: 100%; }
@media screen and (max-width: 990px) {
.site-header.sticky-enabled {
position: relative; } }
.site-header .container, .site-header .dokan-dashboard .dokan-dashboard-content > article, .dokan-dashboard .site-header .dokan-dashboard-content > article, .site-header .container-fluid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.no-flexbox .site-header .container, .no-flexbox .site-header .dokan-dashboard .dokan-dashboard-content > article, .dokan-dashboard .no-flexbox .site-header .dokan-dashboard-content > article, .no-flexbox .site-header .container-fluid {
display: table;
width: 100%; }
@media screen and (min-width: 991px) {
.site-header--type-2 .menu-main-toggle {
display: none; } }
.hdr-widget {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 30px 20px;
position: relative; }
.no-flexbox .hdr-widget {
display: table-cell;
vertical-align: middle; }
.hdr-widget:not(:last-child):after {
content: " ";
width: 1px;
height: 30px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-color: rgba(0, 0, 0, 0.1); }
.hdr-widget--menu-main {
position: relative;
padding: 0; }
.hdr-widget--menu-main:after {
display: none; }
.hdr-widget--menu-main.open-onhover:hover .menu-main-wrapper {
pointer-events: auto;
z-index: 1;
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
.hdr-widget--menu-main .menu-main-toggle {
padding-left: 0; }
.hdr-widget-dropdown-menu {
-ms-flex: 1;
flex: 1;
-ms-flex-align: stretch;
align-items: stretch; }
.hdr-widget-dropdown-menu .menu-main-dropdown {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
padding-left: 15px; }
.hdr-widget-dropdown-menu .menu {
list-style: none;
padding: 0;
margin: 0;
display: -ms-flexbox;
display: flex; }
.hdr-widget-dropdown-menu .menu:after {
content: " ";
clear: both;
display: block; }
@media screen and (max-width: 990px) {
.hdr-widget-dropdown-menu .menu {
display: none; } }
.hdr-widget-dropdown-menu .menu-item {
display: -ms-flexbox;
display: flex;
position: relative; }
.hdr-widget-dropdown-menu .menu-item a {
padding: 10px 15px;
display: block;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.hdr-widget-dropdown-menu .menu-item a i {
margin-right: 10px;
display: inline-block; }
.hdr-widget-dropdown-menu .menu-item:hover > a {
color: #DB1037; }
.hdr-widget-dropdown-menu .menu-item:hover > .sub-menu {
pointer-events: auto;
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
visibility: visible; }
.no-csspointerevents .hdr-widget-dropdown-menu .menu-item:hover > .sub-menu {
display: block; }
.hdr-widget-dropdown-menu .menu > .menu-item > a:before {
content: " ";
width: 0;
height: 5px;
background-color: #DB1037;
background-image: linear-gradient(90deg, #DB1037, #CD40E6);
position: absolute;
left: 0;
bottom: 0;
transition: .3s ease; }
.hdr-widget-dropdown-menu .menu > .menu-item:hover > a:before {
width: 100%; }
.hdr-widget-dropdown-menu > .menu-item > .sub-menu {
border: 1px solid #e3e3e3; }
.hdr-widget-dropdown-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
background-color: white;
min-width: 250px;
box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
pointer-events: none;
opacity: 0;
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: .3s ease;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.no-csspointerevents .hdr-widget-dropdown-menu .sub-menu {
display: none;
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0); }
.hdr-widget-dropdown-menu .sub-menu .menu-item {
display: block; }
.hdr-widget-dropdown-menu .sub-menu .menu-item:not(:last-child) {
border-bottom: 1px solid #e3e3e3; }
.hdr-widget-dropdown-menu .sub-menu .menu-item a {
display: block;
padding: 10px 15px;
transition: .3s ease;
position: relative;
z-index: 1;
font-size: 90%; }
.hdr-widget-dropdown-menu .sub-menu .menu-item a:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(90deg, #DB1037, #CD40E6);
background-color: #DB1037;
color: white;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
transition: .3s ease; }
.hdr-widget-dropdown-menu .sub-menu .menu-item:hover > a {
color: white; }
.hdr-widget-dropdown-menu .sub-menu .menu-item:hover > a .menu-desc {
color: rgba(255, 255, 255, 0.7); }
.hdr-widget-dropdown-menu .sub-menu .menu-item:hover > a:before {
opacity: 1; }
.hdr-widget-dropdown-menu .sub-menu .sub-menu {
top: 0;
left: 100%;
border-top-right-radius: 3px; }
.hdr-widget-dropdown-menu .menu-desc {
display: block;
font-size: 70%;
color: #999;
line-height: 1.3;
transition: .3s ease; }
.hdr-widget-dropdown-menu .mega-menu > .sub-menu {
display: -ms-flexbox;
display: flex;
visibility: hidden;
pointer-events: none; }
.hdr-widget-dropdown-menu .mega-menu > .sub-menu > .menu-item {
width: 200px;
display: table-cell; }
.hdr-widget-dropdown-menu .mega-menu > .sub-menu > .menu-item:not(:last-child) {
border-right: 1px solid #e3e3e3; }
.hdr-widget-dropdown-menu .mega-menu > .sub-menu > .menu-item > a {
border-bottom: 1px solid #e3e3e3; }
.hdr-widget-dropdown-menu .mega-menu > .sub-menu > .menu-item > a .menu-label {
font-weight: 700;
text-transform: uppercase; }
.hdr-widget-dropdown-menu .mega-menu > .sub-menu > .menu-item > a .menu-desc {
color: inherit; }
.hdr-widget-dropdown-menu .mega-menu > .sub-menu > .menu-item:hover > a {
color: inherit; }
.hdr-widget-dropdown-menu .mega-menu > .sub-menu > .menu-item:hover > a:before {
display: none; }
.hdr-widget-dropdown-menu .mega-menu > .sub-menu > .menu-item .sub-menu {
opacity: 1;
position: static;
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: auto;
box-shadow: none;
min-width: auto; }
.hdr-widget--site-logo {
padding-right: 20px;
padding-left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column; }
@media screen and (max-width: 768px) {
.hdr-widget--site-logo {
padding-right: 15px; }
.hdr-widget--site-logo:after {
display: none; } }
@media screen and (max-width: 480px) {
.hdr-widget--site-logo {
max-width: 150px; } }
.hdr-widget--site-logo .site-logo {
margin: 0;
font-weight: 300;
font-size: 24px;
line-height: 1; }
.hdr-widget--site-logo .site-description {
font-size: 12px;
font-size: 0.75em;
margin-top: 5px;
display: block;
line-height: normal;
color: #999999; }
.hdr-widget--site-logo a, .hdr-widget--site-logo img {
display: block; }
.hdr-widget--site-logo a {
text-decoration: none;
color: black;
background-color: white;
position: relative;
color: #CD40E6; }
.hdr-widget--site-logo a strong {
font-weight: 500; }
.hdr-widget--site-logo a span {
color: #DB1037; }
.hdr-widget--product-search {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -ms-flexbox;
display: flex; }
.hdr-widget--product-search form {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0; }
@media screen and (max-width: 640px) {
.hdr-widget--product-search {
display: none !important; } }
.hdr-widget--product-search select {
border: none; }
.hdr-widget--product-search .product-search-category {
position: relative;
padding-right: 20px;
max-width: 210px; }
.hdr-widget--product-search .product-search-category select {
background-image: none; }
@media screen and (max-width: 1024px) {
.hdr-widget--product-search .product-search-category {
display: none; } }
.hdr-widget--product-search .product-search-category .fa {
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
height: 14px;
pointer-events: none; }
.hdr-widget--product-search .product-search-input {
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
overflow: hidden; }
.hdr-widget--product-search .product-search-input .line {
content: " ";
width: 100%;
height: 2px;
background-color: #DB1037;
background-image: linear-gradient(90deg, transparent, rgba(205, 64, 230, 0.5) 25%, rgba(219, 16, 55, 0.5) 50%, rgba(205, 64, 230, 0.5) 75%, transparent);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
-ms-transform: scaleX(0);
transform: scaleX(0);
transition: 0.2s cubic-bezier(1, -0.02, 0.15, 1.03);
opacity: 0; }
.hdr-widget--product-search .product-search-input input {
width: 100%;
border: none;
border-radius: 0;
padding-left: 0;
padding-right: 40px;
line-height: inherit;
font-size: inherit; }
.hdr-widget--product-search .product-search-input input:focus ~ .line, .hdr-widget--product-search .product-search-input input:active ~ .line {
opacity: 1;
-ms-transform: scaleX(1);
transform: scaleX(1);
animation: line-animation 3s infinite; }
.hdr-widget--product-search .product-search-input input.dirty + label {
opacity: 0;
pointer-events: none;
-ms-transform: translateX(50px);
transform: translateX(50px); }
.hdr-widget--product-search .product-search-input label {
position: absolute;
top: 10px;
color: #999999;
transition: .4s ease;
pointer-events: none;
display: block; }
.hdr-widget--product-search .product-search-input label em {
font-family: "Playfair Display";
font-weight: 400; }
.hdr-widget--product-search .search-icon {
position: absolute;
top: 10px;
right: 10px;
color: #CD40E6;
border: none;
background-color: transparent;
font-size: inherit; }
.rtl .hdr-widget--product-search .search-icon {
left: 10px;
right: auto; }
.hdr-widget--product-search.search-dropdown {
-ms-flex: 0;
flex: 0; }
.hdr-widget--product-search.search-dropdown .search-dropdown-toggle {
border: none;
background-color: transparent;
font-size: 18px; }
.hdr-widget--product-search.search-dropdown form {
position: absolute;
top: 100%;
background-color: white;
right: 0;
width: 300px;
padding: 15px;
box-shadow: 0 10px 30px -3px rgba(0, 0, 0, 0.2);
visibility: hidden;
pointer-events: none;
-ms-transform: translateX(30px);
transform: translateX(30px);
transition: .3s ease;
opacity: 0;
border: 1px solid #e3e3e3; }
.hdr-widget--product-search.search-dropdown form:before, .hdr-widget--product-search.search-dropdown form:after {
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 10px;
position: absolute;
bottom: 100%;
right: 30px; }
.hdr-widget--product-search.search-dropdown form:before {
border-color: transparent transparent white;
z-index: 1; }
.hdr-widget--product-search.search-dropdown form:after {
border-width: 12px;
right: 28px;
border-color: transparent transparent #e3e3e3; }
.hdr-widget--product-search.search-dropdown form input {
border: 1px solid #e3e3e3;
padding: 5px; }
.hdr-widget--product-search.search-dropdown form label, .hdr-widget--product-search.search-dropdown form .product-search-category, .hdr-widget--product-search.search-dropdown form .line {
display: none; }
.hdr-widget--product-search.search-dropdown form .search-icon {
top: 10px;
right: 10px; }
.hdr-widget--product-search.search-dropdown:hover form {
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
pointer-events: auto; }
.hdr-widget--menu-user {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
@media screen and (max-width: 1024px) {
.hdr-widget--menu-user {
margin-left: auto; } }
@media screen and (max-width: 990px) {
.hdr-widget--menu-user {
display: none !important; } }
.hdr-widget--menu-user .menu-user-avatar {
border: none;
background-color: transparent;
padding: 0; }
.hdr-widget--menu-user .menu-user-avatar img {
border-radius: 50%;
width: 30px;
height: 30px; }
.hdr-widget--menu-user .menu-user-avatar span {
display: none; }
.hdr-widget--menu-user:hover .menu-user-wrap {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: auto;
z-index: 1; }
.hdr-widget--menu-user .menu-user-wrap {
position: absolute;
top: 100%;
right: 0;
list-style: none;
padding-left: 0;
border: 1px solid #e3e3e3;
padding: 10px 0;
border-radius: 3px;
background-color: white;
margin: 0;
min-width: 200px;
-ms-transform: translateY(30px);
transform: translateY(30px);
pointer-events: none;
opacity: 0;
z-index: -1;
transition: .3s ease; }
.hdr-widget--menu-user .menu-user-wrap:before {
content: " ";
width: 0;
border-style: solid;
border-width: 10px;
border-color: transparent transparent white;
position: absolute;
bottom: 100%;
right: 35px;
-webkit-filter: drop-shadow(0 -1px 0 #e3e3e3);
filter: drop-shadow(0 -1px 0 #e3e3e3); }
.hdr-widget--menu-user .menu-user-wrap .menu {
list-style: none;
padding: 0;
margin: 0; }
.hdr-widget--menu-user .menu-user-wrap .menu-item {
white-space: nowrap; }
.hdr-widget--menu-user .menu-user-wrap .menu-item .fa {
display: inline-block;
margin-right: 10px;
vertical-align: middle; }
.hdr-widget--menu-user .menu-user-wrap .menu-item a {
padding: 10px 20px;
text-decoration: none;
display: block;
color: inherit;
position: relative;
z-index: 1;
transition: .3s ease; }
.hdr-widget--menu-user .menu-user-wrap .menu-item a:after {
content: " ";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
background-image: linear-gradient(90deg, #CD40E6, #DB1037);
opacity: 0;
transition: .3s ease; }
.hdr-widget--menu-user .menu-user-wrap .menu-item:hover > a {
color: white; }
.hdr-widget--menu-user .menu-user-wrap .menu-item:hover > a:after {
opacity: 1; }
@media screen and (max-width: 1024px) {
.hdr-widget--menu-cart {
padding: 0 20px; } }
@media screen and (max-width: 768px) {
.hdr-widget--menu-cart {
margin-left: auto;
padding: 0;
padding-left: 15px; } }
@media screen and (max-width: 480px) {
.hdr-widget--menu-cart {
position: static; } }
.hdr-widget--menu-cart .menu-cart-trigger {
border: none;
background-color: transparent;
font-size: inherit;
color: #CD40E6; }
.hdr-widget--menu-cart .menu-cart-trigger .cart-count {
font-size: 11px;
position: relative;
top: -5px;
font-weight: 700;
margin-left: -5px;
background-color: #DB1037;
color: white !important;
border-radius: 10px;
padding: 2px 5px; }
.hdr-widget--menu-cart:hover .widget_shopping_cart {
opacity: 1 !important;
pointer-events: auto;
-ms-transform: translateY(0);
transform: translateY(0);
visibility: visible; }
.hdr-widget--menu-cart .widget_shopping_cart {
position: absolute;
top: 100%;
right: 0;
background-color: white;
width: 400px;
padding: 50px;
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
-ms-transform: translateY(40px);
transform: translateY(40px);
transition: .3s ease;
opacity: 0 !important;
pointer-events: none;
visibility: hidden;
border: 1px solid #e3e3e3; }
.hdr-widget--menu-cart .widget_shopping_cart:before, .hdr-widget--menu-cart .widget_shopping_cart:after {
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 10px;
position: absolute;
bottom: 100%;
right: 30px; }
.hdr-widget--menu-cart .widget_shopping_cart:before {
border-color: transparent transparent white;
z-index: 1; }
.hdr-widget--menu-cart .widget_shopping_cart:after {
border-width: 12px;
right: 28px;
border-color: transparent transparent #e3e3e3; }
@media screen and (max-width: 480px) {
.hdr-widget--menu-cart .widget_shopping_cart {
padding: 30px;
left: 0;
width: auto; } }
@keyframes line-animation {
0% {
opacity: 0;
transform: scaleX(0); }
50% {
opacity: 1;
transform: scaleX(1.5); }
100% {
opacity: 0;
transform: scaleX(1.5); } }
.menu-main-overlay {
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
width: 100%;
height: 100%;
z-index: 98;
pointer-events: none;
opacity: 0;
transition: .3s ease;
top: 0;
left: 0; }
@media screen and (max-width: 990px) {
.menu-main-overlay {
display: none !important; } }
.menu-main-overlay.is-active {
opacity: 1;
pointer-events: auto; }
.user-auth-box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 999;
overflow: auto;
display: none; }
.user-auth-box .user-auth-overlay {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
left: 0;
top: 0; }
.user-auth-box .user-auth-box-content {
background-color: white;
padding: 25px 20px 20px;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
min-width: 480px;
left: 20px;
right: 20px;
margin: 80px auto;
max-width: 860px; }
@media screen and (max-width: 640px) {
.user-auth-box .user-auth-box-content {
max-width: 100%;
min-width: initial;
top: 30px;
-ms-transform: translateY(0);
transform: translateY(0);
margin-top: 0; }
.user-auth-box .user-auth-box-content .grid-item {
padding: 0;
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%; }
.user-auth-box .user-auth-box-content .grid-item.register {
border-left: none;
padding-top: 15px;
border-top: 1px dashed #e3e3e3;
margin-top: 15px; } }
.user-auth-box .user-auth-box-content .tokoo-popup__close {
position: absolute;
width: 36px;
height: 36px;
border-radius: 50%;
right: 10px;
top: 10px;
border: 3px solid #DB1037;
background-color: white;
z-index: 9;
font-size: 24px;
font-size: 1.5em;
box-shadow: none;
line-height: 36px;
padding: 0; }
@media screen and (max-width: 640px) {
.user-auth-box .user-auth-box-content .tokoo-popup__close {
font-size: 18px;
font-size: 1.125em;
width: 32px;
height: 32px;
right: 15px;
top: 15px;
line-height: 32px;
padding: 0; } }
.user-auth-box .user-auth-box-content:before {
content: " ";
width: 100%;
left: 0;
height: 5px;
background: linear-gradient(90deg, #DB1037, #CD40E6, #DB1037);
position: absolute;
left: 0;
top: 0; }
.user-auth-box .user-auth-box-content .login, .user-auth-box .user-auth-box-content .register {
box-shadow: none;
margin-bottom: 0; }
.user-auth-box .user-auth-box-content .grid-item {
-ms-flex-positive: 1;
flex-grow: 1; }
.user-auth-box .user-auth-box-content .section-header {
margin-top: 0; }
.user-auth-box .user-auth-box-content .form-row {
margin-bottom: 10px; }
.user-auth-box .user-auth-box-content .form-row label {
display: block;
font-weight: 700;
margin-bottom: 5px;
font-size: 14px;
font-size: 0.875em; }
.user-auth-box .user-auth-box-content label.radio input {
width: auto; }
.user-auth-box .user-auth-box-content .login-action:after {
content: " ";
clear: both;
display: block; }
.user-auth-box .user-auth-box-content .login-action > label {
margin-top: 5px;
float: left; }
.user-auth-box .user-auth-box-content .login-action input[type="submit"] {
float: right;
padding: 5px 40px;
margin-bottom: 30px; }
.user-auth-box .user-auth-box-content .register {
border-left: 1px dashed #e3e3e3; }
.user-auth-box .user-auth-box-content .lostpassword {
text-align: right;
display: block;
font-size: 12px;
font-size: 0.75em; }
.user-auth-box .user-auth-box-content .register-action {
text-align: right; }
.user-auth-box .user-auth-box-content .register-action input[type="submit"] {
padding: 5px 40px; }
.user-auth-box .user-auth-box-content .woocommerce-password-strength {
font-size: 14px;
font-size: 0.875em;
margin: 10px 0; }
.user-auth-box .user-auth-box-content .woocommerce-password-hint {
padding: 10px;
border-radius: 3px;
border: 1px solid #e3e3e3;
display: block; } .main-content {
margin-bottom: 50px; }
.main-content:after {
content: " ";
clear: both;
display: block; }
.main-content.layout-left-sidebar .content-area {
float: right;
padding-right: 15px;
padding-left: 50px; }
@media screen and (max-width: 990px) {
.main-content.layout-left-sidebar .content-area {
padding-left: 15px;
width: 100%; } }
.main-content.layout-left-sidebar .sidebar.widget-area {
padding-right: 0;
padding-left: 15px;
border-left: none;
border-right: 1px dashed #e0e0e0; }
@media screen and (max-width: 990px) {
.main-content.layout-left-sidebar .sidebar.widget-area {
padding-right: 15px;
border-right: none;
clear: both; } }
.main-content.layout-left-sidebar .sidebar.widget-area .widget {
padding-right: 50px; }
@media screen and (max-width: 990px) {
.main-content.layout-left-sidebar .sidebar.widget-area .widget {
padding-right: 0; } }
.content-area.col-md-8 {
padding-right: 50px; }
@media screen and (max-width: 990px) {
.content-area.col-md-8 {
padding-right: 15px; } } .footer-feature-list {
background-color: #57445a;
color: white;
padding: 30px 0;
text-align: center; }
.footer-feature-list .feature__image {
color: rgba(255, 255, 255, 0.6);
font-size: 36px;
font-size: 2.25em;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
line-height: 1; }
.footer-feature-list .feature__image [class*="ti"], .footer-feature-list .feature__image [class*="ico"] {
line-height: 1; }
.footer-feature-list .feature__image [class*="ti"]:before, .footer-feature-list .feature__image [class*="ico"]:before {
line-height: inherit; }
.footer-feature-list .feature__title {
color: white;
display: inline-block;
vertical-align: middle;
margin: 0;
line-height: 1; }
.site-footer {
border-top: 1px dashed #e0e0e0; }
.site-footer a {
color: #DB1037; }
.site-footer__widget-area {
padding: 70px 0; }
.site-footer__widget-area .grid-item:not(:last-child) {
border-right: 1px dashed #e0e0e0; }
@media screen and (max-width: 768px) {
.site-footer__widget-area .grid-item {
width: 100% !important;
border-right: none !important; } }
.site-footer .widget .widget-title {
margin-left: 0; }
.site-footer__colophon {
background-color: white;
padding: 20px 0; }
@media screen and (max-width: 480px) {
.site-footer__colophon {
font-size: 14px;
font-size: 0.875em; } }
@media screen and (max-width: 480px) {
.site-footer__colophon .grid-item {
width: 100% !important;
text-align: center !important; } } .container, .dokan-dashboard .dokan-dashboard-content > article, body .kc-container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container:after, .dokan-dashboard .dokan-dashboard-content > article:after, body .kc-container:after {
content: " ";
clear: both;
display: block; }
@media (min-width: 768px) {
.container, .dokan-dashboard .dokan-dashboard-content > article, body .kc-container {
max-width: 750px; } }
@media (min-width: 992px) {
.container, .dokan-dashboard .dokan-dashboard-content > article, body .kc-container {
max-width: 970px; } }
@media (min-width: 1200px) {
.container, .dokan-dashboard .dokan-dashboard-content > article, body .kc-container {
max-width: 1170px; } }
@media (min-width: 1600px) {
.container, .dokan-dashboard .dokan-dashboard-content > article, body .kc-container {
max-width: 1600px; } }
.container .container, .dokan-dashboard .dokan-dashboard-content > article .container, .container .dokan-dashboard .dokan-dashboard-content > article, .dokan-dashboard .container .dokan-dashboard-content > article, .dokan-dashboard .dokan-dashboard-content > article .dokan-dashboard-content > article, body .kc-container .container, body .kc-container .dokan-dashboard .dokan-dashboard-content > article, .dokan-dashboard body .kc-container .dokan-dashboard-content > article {
width: 100%; }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container-fluid:after {
content: " ";
clear: both;
display: block; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:after {
content: " ";
clear: both;
display: block; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-1 {
width: 8.33333%; }
.col-xs-2 {
width: 16.66667%; }
.col-xs-3 {
width: 25%; }
.col-xs-4 {
width: 33.33333%; }
.col-xs-5 {
width: 41.66667%; }
.col-xs-6 {
width: 50%; }
.col-xs-7 {
width: 58.33333%; }
.col-xs-8 {
width: 66.66667%; }
.col-xs-9 {
width: 75%; }
.col-xs-10 {
width: 83.33333%; }
.col-xs-11 {
width: 91.66667%; }
.col-xs-12 {
width: 100%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-pull-1 {
right: 8.33333%; }
.col-xs-pull-2 {
right: 16.66667%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-4 {
right: 33.33333%; }
.col-xs-pull-5 {
right: 41.66667%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-7 {
right: 58.33333%; }
.col-xs-pull-8 {
right: 66.66667%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-10 {
right: 83.33333%; }
.col-xs-pull-11 {
right: 91.66667%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-push-0 {
left: auto; }
.col-xs-push-1 {
left: 8.33333%; }
.col-xs-push-2 {
left: 16.66667%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-4 {
left: 33.33333%; }
.col-xs-push-5 {
left: 41.66667%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-7 {
left: 58.33333%; }
.col-xs-push-8 {
left: 66.66667%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-10 {
left: 83.33333%; }
.col-xs-push-11 {
left: 91.66667%; }
.col-xs-push-12 {
left: 100%; }
.col-xs-offset-0 {
margin-left: 0%; }
.col-xs-offset-1 {
margin-left: 8.33333%; }
.col-xs-offset-2 {
margin-left: 16.66667%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-4 {
margin-left: 33.33333%; }
.col-xs-offset-5 {
margin-left: 41.66667%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-7 {
margin-left: 58.33333%; }
.col-xs-offset-8 {
margin-left: 66.66667%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-10 {
margin-left: 83.33333%; }
.col-xs-offset-11 {
margin-left: 91.66667%; }
.col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-1 {
width: 8.33333%; }
.col-sm-2 {
width: 16.66667%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.33333%; }
.col-sm-5 {
width: 41.66667%; }
.col-sm-6 {
width: 50%; }
.col-sm-7 {
width: 58.33333%; }
.col-sm-8 {
width: 66.66667%; }
.col-sm-9 {
width: 75%; }
.col-sm-10 {
width: 83.33333%; }
.col-sm-11 {
width: 91.66667%; }
.col-sm-12 {
width: 100%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-pull-1 {
right: 8.33333%; }
.col-sm-pull-2 {
right: 16.66667%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-4 {
right: 33.33333%; }
.col-sm-pull-5 {
right: 41.66667%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-7 {
right: 58.33333%; }
.col-sm-pull-8 {
right: 66.66667%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-10 {
right: 83.33333%; }
.col-sm-pull-11 {
right: 91.66667%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-push-0 {
left: auto; }
.col-sm-push-1 {
left: 8.33333%; }
.col-sm-push-2 {
left: 16.66667%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-4 {
left: 33.33333%; }
.col-sm-push-5 {
left: 41.66667%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-7 {
left: 58.33333%; }
.col-sm-push-8 {
left: 66.66667%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-10 {
left: 83.33333%; }
.col-sm-push-11 {
left: 91.66667%; }
.col-sm-push-12 {
left: 100%; }
.col-sm-offset-0 {
margin-left: 0%; }
.col-sm-offset-1 {
margin-left: 8.33333%; }
.col-sm-offset-2 {
margin-left: 16.66667%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-4 {
margin-left: 33.33333%; }
.col-sm-offset-5 {
margin-left: 41.66667%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-7 {
margin-left: 58.33333%; }
.col-sm-offset-8 {
margin-left: 66.66667%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-10 {
margin-left: 83.33333%; }
.col-sm-offset-11 {
margin-left: 91.66667%; }
.col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-1 {
width: 8.33333%; }
.col-md-2 {
width: 16.66667%; }
.col-md-3 {
width: 25%; }
.col-md-4 {
width: 33.33333%; }
.col-md-5 {
width: 41.66667%; }
.col-md-6 {
width: 50%; }
.col-md-7 {
width: 58.33333%; }
.col-md-8 {
width: 66.66667%; }
.col-md-9 {
width: 75%; }
.col-md-10 {
width: 83.33333%; }
.col-md-11 {
width: 91.66667%; }
.col-md-12 {
width: 100%; }
.col-md-pull-0 {
right: auto; }
.col-md-pull-1 {
right: 8.33333%; }
.col-md-pull-2 {
right: 16.66667%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-4 {
right: 33.33333%; }
.col-md-pull-5 {
right: 41.66667%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-7 {
right: 58.33333%; }
.col-md-pull-8 {
right: 66.66667%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-10 {
right: 83.33333%; }
.col-md-pull-11 {
right: 91.66667%; }
.col-md-pull-12 {
right: 100%; }
.col-md-push-0 {
left: auto; }
.col-md-push-1 {
left: 8.33333%; }
.col-md-push-2 {
left: 16.66667%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-4 {
left: 33.33333%; }
.col-md-push-5 {
left: 41.66667%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-7 {
left: 58.33333%; }
.col-md-push-8 {
left: 66.66667%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-10 {
left: 83.33333%; }
.col-md-push-11 {
left: 91.66667%; }
.col-md-push-12 {
left: 100%; }
.col-md-offset-0 {
margin-left: 0%; }
.col-md-offset-1 {
margin-left: 8.33333%; }
.col-md-offset-2 {
margin-left: 16.66667%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-4 {
margin-left: 33.33333%; }
.col-md-offset-5 {
margin-left: 41.66667%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-7 {
margin-left: 58.33333%; }
.col-md-offset-8 {
margin-left: 66.66667%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-10 {
margin-left: 83.33333%; }
.col-md-offset-11 {
margin-left: 91.66667%; }
.col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-1 {
width: 8.33333%; }
.col-lg-2 {
width: 16.66667%; }
.col-lg-3 {
width: 25%; }
.col-lg-4 {
width: 33.33333%; }
.col-lg-5 {
width: 41.66667%; }
.col-lg-6 {
width: 50%; }
.col-lg-7 {
width: 58.33333%; }
.col-lg-8 {
width: 66.66667%; }
.col-lg-9 {
width: 75%; }
.col-lg-10 {
width: 83.33333%; }
.col-lg-11 {
width: 91.66667%; }
.col-lg-12 {
width: 100%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-pull-1 {
right: 8.33333%; }
.col-lg-pull-2 {
right: 16.66667%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-4 {
right: 33.33333%; }
.col-lg-pull-5 {
right: 41.66667%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-7 {
right: 58.33333%; }
.col-lg-pull-8 {
right: 66.66667%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-10 {
right: 83.33333%; }
.col-lg-pull-11 {
right: 91.66667%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-push-0 {
left: auto; }
.col-lg-push-1 {
left: 8.33333%; }
.col-lg-push-2 {
left: 16.66667%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-4 {
left: 33.33333%; }
.col-lg-push-5 {
left: 41.66667%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-7 {
left: 58.33333%; }
.col-lg-push-8 {
left: 66.66667%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-10 {
left: 83.33333%; }
.col-lg-push-11 {
left: 91.66667%; }
.col-lg-push-12 {
left: 100%; }
.col-lg-offset-0 {
margin-left: 0%; }
.col-lg-offset-1 {
margin-left: 8.33333%; }
.col-lg-offset-2 {
margin-left: 16.66667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.33333%; }
.col-lg-offset-5 {
margin-left: 41.66667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.33333%; }
.col-lg-offset-8 {
margin-left: 66.66667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.33333%; }
.col-lg-offset-11 {
margin-left: 91.66667%; }
.col-lg-offset-12 {
margin-left: 100%; } }
@-ms-viewport {
width: device-width; }
.visible-xs, .visible-sm, .visible-md, .visible-lg {
display: none !important; }
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important; }
@media (max-width: 767px) {
.visible-xs {
display: block !important; }
table.visible-xs {
display: table; }
tr.visible-xs {
display: table-row !important; }
th.visible-xs,
td.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important; }
table.visible-sm {
display: table; }
tr.visible-sm {
display: table-row !important; }
th.visible-sm,
td.visible-sm {
display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important; }
table.visible-md {
display: table; }
tr.visible-md {
display: table-row !important; }
th.visible-md,
td.visible-md {
display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1200px) {
.visible-lg {
display: block !important; }
table.visible-lg {
display: table; }
tr.visible-lg {
display: table-row !important; }
th.visible-lg,
td.visible-lg {
display: table-cell !important; } }
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important; } }
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important; } }
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) {
.hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-lg {
display: none !important; } }
.visible-print {
display: none !important; }
@media print {
.visible-print {
display: block !important; }
table.visible-print {
display: table; }
tr.visible-print {
display: table-row !important; }
th.visible-print,
td.visible-print {
display: table-cell !important; } }
.visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; } }
.visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; } }
.visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; } }
@media print {
.hidden-print {
display: none !important; } }
.equal-height {
display: table;
width: 100%; }
.equal-height [class^="col-"] {
float: none;
display: table-cell; }
@media screen and (max-width: 768px) {
.equal-height [class^="col-sm-"] {
width: 100%;
display: block; } }
@media screen and (max-width: 992px) {
.equal-height [class^="col-md-"] {
width: 100%;
display: block; } }
@media screen and (max-width: 1200px) {
.equal-height [class^="col-lg-"] {
width: 100%;
display: block; } }
.grid-layout {
margin: 0 -15px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
clear: both; }
@media screen and (max-width: 480px) {
.grid-layout {
margin: 0 -10px; } }
.no-flexbox .grid-layout:after {
content: " ";
clear: both;
display: block; }
.grid-layout.v-align {
-ms-flex-align: center;
align-items: center; }
.grid-layout.b-align {
-ms-flex-align: end;
align-items: flex-end; }
.grid-layout .grid-item {
padding: 15px 15px; }
@media screen and (max-width: 480px) {
.grid-layout .grid-item {
padding: 10px; } }
.no-flexbox .grid-layout .grid-item {
float: left; }
.grid-layout.columns-1 .grid-item {
width: 100%; }
.grid-layout.columns-2 .grid-item {
width: 50%; }
.no-flexbox .grid-layout.columns-2 .grid-item:nth-child(2n+1) {
clear: both; }
@media screen and (max-width: 320px) {
.grid-layout.columns-2 .grid-item {
width: 100%; } }
.grid-layout.columns-3 .grid-item {
width: 33.3333%; }
.no-flexbox .grid-layout.columns-3 .grid-item:nth-child(3n+1) {
clear: both; }
@media screen and (max-width: 640px) {
.grid-layout.columns-3 .grid-item {
width: 50%; }
.no-flexbox .grid-layout.columns-3 .grid-item:nth-child(3n+1) {
clear: none; }
.no-flexbox .grid-layout.columns-3 .grid-item:nth-child(2n+1) {
clear: both; } }
@media screen and (max-width: 320px) {
.grid-layout.columns-3 .grid-item {
width: 100%; } }
.grid-layout.columns-4 .grid-item {
width: 25%; }
.no-flexbox .grid-layout.columns-4 .grid-item:nth-child(4n+1) {
clear: both; }
@media screen and (max-width: 1020px) {
.grid-layout.columns-4 .grid-item {
width: 33.3333%; }
.no-flexbox .grid-layout.columns-4 .grid-item:nth-child(4n+1) {
clear: none; }
.no-flexbox .grid-layout.columns-4 .grid-item:nth-child(3n+1) {
clear: both; } }
@media screen and (max-width: 640px) {
.grid-layout.columns-4 .grid-item {
width: 50%; }
.no-flexbox .grid-layout.columns-4 .grid-item:nth-child(3n+1) {
clear: none; }
.no-flexbox .grid-layout.columns-4 .grid-item:nth-child(2n+1) {
clear: both; } }
@media screen and (max-width: 320px) {
.grid-layout.columns-4 .grid-item {
width: 100%; } }
.grid-layout.columns-5 .grid-item {
width: 20%; }
.no-flexbox .grid-layout.columns-5 .grid-item:nth-child(5n+1) {
clear: both; }
@media screen and (max-width: 1020px) {
.grid-layout.columns-5 .grid-item {
width: 33.3333%; }
.no-flexbox .grid-layout.columns-5 .grid-item:nth-child(4n+1) {
clear: none; }
.no-flexbox .grid-layout.columns-5 .grid-item:nth-child(3n+1) {
clear: both; } }
@media screen and (max-width: 640px) {
.grid-layout.columns-5 .grid-item {
width: 50%; }
.no-flexbox .grid-layout.columns-5 .grid-item:nth-child(3n+1) {
clear: none; }
.no-flexbox .grid-layout.columns-5 .grid-item:nth-child(2n+1) {
clear: both; } }
@media screen and (max-width: 320px) {
.grid-layout.columns-5 .grid-item {
width: 100%; } }
.grid-layout.columns-6 .grid-item {
width: 16.6667%; }
.no-flexbox .grid-layout.columns-6 .grid-item:nth-child(6n+1) {
clear: both; }
@media screen and (max-width: 1020px) {
.grid-layout.columns-6 .grid-item {
width: 33.3333% !important; }
.no-flexbox .grid-layout.columns-6 .grid-item:nth-child(4n+1) {
clear: none; }
.no-flexbox .grid-layout.columns-6 .grid-item:nth-child(3n+1) {
clear: both; } }
@media screen and (max-width: 640px) {
.grid-layout.columns-6 .grid-item {
width: 50% !important; }
.no-flexbox .grid-layout.columns-6 .grid-item:nth-child(3n+1) {
clear: none; }
.no-flexbox .grid-layout.columns-6 .grid-item:nth-child(2n+1) {
clear: both; } }
@media screen and (max-width: 320px) {
.grid-layout.columns-6 .grid-item {
width: 100% !important; } } .sidebar.widget-area {
border-left: 1px dashed #e0e0e0;
padding-left: 0; }
@media screen and (max-width: 990px) {
.sidebar.widget-area {
padding-left: 15px;
border-left: none; } }
.sidebar.widget-area .widget {
padding-left: 50px;
padding-bottom: 30px; }
@media screen and (max-width: 990px) {
.sidebar.widget-area .widget {
padding-left: 15px; } }
.sidebar.widget-area .widget:not(:last-child) {
border-bottom: 1px dashed #e0e0e0; }
@media screen and (max-width: 990px) {
.sidebar.widget-area .widget {
padding: 0 0 30px; } } .menu-main-toggle {
background-color: transparent;
border: none;
outline: none;
-webkit-tap-highlight-color: transparent; }
.hamburger {
padding: 15px 30px;
display: inline-block;
cursor: pointer;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
outline: none; }
.hamburger:hover {
opacity: 0.7; }
.hamburger-box {
width: 20px;
height: 18px;
display: block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
width: 20px;
height: 2px;
background: #DB1037;
background: linear-gradient(-90deg, #DB1037, #CD40E6);
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
width: 20px;
height: 2px;
background: #DB1037;
background: linear-gradient(-90deg, #DB1037, #CD40E6);
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
display: block; }
.hamburger-inner::before {
top: -6px; }
.hamburger-inner::after {
bottom: -6px; }
.hamburger--elastic .hamburger-inner {
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: -6px;
transition: opacity 0.15s 0.4s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 6px;
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 0, 0) rotate(135deg);
transition-delay: 0.1s; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -6px, 0) rotate(-270deg);
transition-delay: 0.1s; }
.menu-main-wrapper {
position: absolute;
top: 100%;
left: 0;
background-color: white;
border-radius: 3px;
box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.3);
transition: .3s ease;
z-index: 1;
padding: 20px 0;
pointer-events: none;
z-index: -1;
-ms-transform: translateY(30px);
transform: translateY(30px);
opacity: 0;
transition: 0.3s cubic-bezier(0.87, 0.04, 0.25, 1);
display: none; }
@media screen and (max-width: 990px) {
.menu-main-wrapper {
display: none !important; } }
.menu-main-wrapper:after {
content: " ";
width: 0;
border-style: solid;
position: absolute;
bottom: 100%;
border-width: 10px;
border-color: transparent transparent white;
left: 11px;
margin-bottom: -1px;
-webkit-filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.1));
filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.1)); }
.menu-main-wrapper.is-active {
pointer-events: auto;
z-index: 1;
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
display: block; }
.menu-main-wrapper.mega-open {
overflow: hidden; }
.menu-main-wrapper .menu, .menu-main-wrapper .sub-menu {
list-style: none;
display: block;
padding: 0;
margin: 0; }
.menu-main-wrapper .menu {
position: relative;
display: inline-block;
transition: box-shadow .5s ease;
font-size: 90%; }
.menu-main-wrapper .menu.sub-open {
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1); }
.menu-main-wrapper .menu > .menu-item {
min-width: 200px; }
.menu-main-wrapper .menu > .menu-item.menu-item-has-children > a:after {
content: "\56";
font-family: "dripicons-v2";
position: absolute;
right: 10px;
z-index: 2;
top: 10px; }
.menu-main-wrapper .menu > .menu-item a {
padding: 10px 20px;
display: block;
color: inherit;
text-decoration: none;
position: relative;
z-index: 1;
line-height: 1;
transition: .3s ease; }
.menu-main-wrapper .menu > .menu-item a:before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(90deg, #DB1037, #CD40E6);
opacity: 0;
left: 0;
top: 0;
z-index: -1;
transition: .3s ease; }
.menu-main-wrapper .menu > .menu-item:hover > a {
color: white; }
.menu-main-wrapper .menu > .menu-item:hover > a:before {
opacity: 1; }
.menu-main-wrapper .menu > .menu-item.sub-open > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
-ms-transform: translateY(0);
transform: translateY(0);
z-index: 1; }
.menu-main-wrapper .menu-desc {
display: block;
color: #999999;
font-style: italic;
font-size: 14px;
font-size: 0.875em;
padding-bottom: 5px; }
.menu-main-wrapper .menu-item .fa, .menu-main-wrapper .menu-item [class*="ico"] {
width: 16px;
margin-right: 10px; }
.menu-main-wrapper .menu-item .fa:before, .menu-main-wrapper .menu-item [class*="ico"]:before {
line-height: 1; }
.menu-main-wrapper .menu-item a {
padding: 10px 20px;
display: block; }
.menu-main-wrapper .menu-item:not(.mega-menu) {
position: relative; }
.menu-main-wrapper .menu-item:not(.mega-menu):hover > .sub-menu {
opacity: 1;
pointer-events: auto;
-ms-transform: translateY(0);
transform: translateY(0); }
.menu-main-wrapper .menu-item:not(.mega-menu) .sub-menu {
position: absolute;
top: 0;
left: 100%;
min-width: 200px;
background-color: white;
opacity: 0;
pointer-events: none;
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: .3s ease;
box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.3); }
.menu-main-wrapper .menu-item:not(.mega-menu) .sub-menu a {
position: relative;
transition: .3s ease;
padding: 10px 20px;
display: block;
line-height: 1.8; }
.menu-main-wrapper .menu-item:not(.mega-menu) .sub-menu li:hover > a {
color: #DB1037; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu {
position: absolute;
pointer-events: none;
visibility: hidden;
opacity: 0;
top: 0;
left: 100%;
transition: opacity .15s ease, transform .15s ease;
display: -ms-flexbox;
display: flex;
-ms-transform: translateY(20px);
transform: translateY(20px);
padding: 0 20px; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu:after {
content: " ";
clear: both;
display: block; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu > .menu-item {
min-width: 200px; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu > .menu-item:not(:last-child) {
padding-right: 30px; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu .menu-item-has-children > a {
font-weight: 700;
font-size: 16px;
text-transform: uppercase;
color: #2B2B2B; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu .menu-item-has-children > a .menu-desc {
text-transform: initial;
font-weight: 400;
font-size: 13px;
line-height: 1.5;
padding-top: 3px;
font-style: normal; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu .sub-menu {
display: block;
box-shadow: none;
left: 0;
position: relative;
background: transparent;
opacity: 1;
pointer-events: auto;
-ms-transform: translateY(0);
transform: translateY(0); }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu .sub-menu .menu-item-has-children {
margin-top: 20px; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu .sub-menu a {
position: relative;
padding: 5px 20px;
color: #2B2B2B;
font-weight: 600; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu .sub-menu a:before {
height: 1px;
bottom: 0;
top: auto;
background-color: rgba(0, 0, 0, 0.1); }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu .sub-menu a:after {
content: " ";
position: absolute;
width: 0;
height: 1px;
right: 0;
background-color: #DB1037;
bottom: 0;
transition: .3s ease; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu .sub-menu a:hover:after {
width: 100%;
right: auto;
left: 0; }
.menu-main-wrapper .menu-item.mega-menu > .sub-menu .sub-menu a .menu-desc {
font-weight: 400; }
.menu-main-wrapper .menu .page_item:not(.menu-item) {
white-space: nowrap;
position: relative; }
.menu-main-wrapper .menu .page_item:not(.menu-item) a {
padding: 10px 15px; }
.menu-main-wrapper .menu .page_item:not(.menu-item) a:hover {
color: #DB1037; }
.menu-main-wrapper .menu .page_item:not(.menu-item) .children {
position: absolute;
left: 100%;
top: 0; }
.menu-main-wrapper .hover-area {
position: absolute;
top: 0; }
.menu-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
z-index: -1;
transition: width .3s ease;
border: 1px solid #e3e3e3;
overflow-x: hidden; }
.menu-background .menu-main-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-color: inherit;
transition: .3s ease; }
.menu-background .menu-main-background.sub-open {
box-shadow: 4px 0 5px -4px rgba(0, 0, 0, 0.1); }
.menu-background .sub-bg-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
background-position: bottom right;
background-repeat: no-repeat;
transition: .3s ease; }
.mobile-menu-wrap {
position: relative;
border-top: 1px solid #e3e3e3;
padding: 15px;
display: none;
background-color: white; }
@media screen and (min-width: 991px) {
.mobile-menu-wrap {
display: none !important; } }
.mobile-menu-wrap .hdr-widget--product-search,
.mobile-menu-wrap .hdr-widget--menu-user {
display: block !important;
padding: 15px; }
.mobile-menu-wrap .hdr-widget--product-search {
padding: 15px 0; }
.mobile-menu-wrap .hdr-widget--product-search .search-icon {
right: 0; }
.mobile-menu-wrap .hdr-widget--menu-user {
margin-top: 15px;
padding: 0;
border: 1px solid #e3e3e3; }
.mobile-menu-wrap .hdr-widget--menu-user a {
display: block;
color: inherit; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-nologin-user-wrap a {
padding: 10px; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-nologin-user-wrap a:before {
content: "\e013";
font-family: "Dripicons-v2";
display: inline-block;
margin-right: 10px;
vertical-align: middle; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-user-avatar {
padding: 10px 15px;
display: block;
width: 100%;
text-align: left;
font-size: inherit; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-user-avatar:after {
content: "\54";
font-family: "Dripicons-v2";
position: absolute;
right: 20px;
top: 20px; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-user-avatar img {
display: inline-block;
vertical-align: middle;
margin-right: 10px; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-user-avatar span {
display: inline-block;
text-transform: capitalize; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-user-wrap {
position: relative;
display: none;
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
border: none;
padding: 0; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-user-wrap:before, .mobile-menu-wrap .hdr-widget--menu-user .menu-user-wrap:after {
display: none; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-user-wrap .menu-item {
border-top: 1px solid #e3e3e3; }
.mobile-menu-wrap .hdr-widget--menu-user .menu-user-wrap .menu-item .fa {
display: inline-block;
vertical-align: middle;
margin-right: 15px; }
.mobile-menu .menu {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #e3e3e3;
border-bottom: none; }
.mobile-menu .menu-item {
border-bottom: 1px solid #e3e3e3; }
.mobile-menu .menu-item a {
padding: 10px 20px;
display: block;
position: relative; }
.mobile-menu .menu-item a .fa, .mobile-menu .menu-item a [class*="ico"], .mobile-menu .menu-item a [class*="ti-"] {
width: 16px;
margin-right: 10px; }
.mobile-menu .menu-desc {
display: none; }
.mobile-menu .menu .sub-menu {
list-style: none;
margin: 0;
padding-left: 0;
padding-right: 0;
display: none;
border-top: 1px solid #e3e3e3;
padding-left: 30px; }
.mobile-menu .menu .sub-menu .menu-item {
border-left: 1px solid #e3e3e3; }
.mobile-menu .menu .sub-menu .menu-item:last-child {
border-bottom: none; }
.mobile-menu .open-sub {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: none;
border: none;
font-size: 16px;
text-align: center;
min-width: 48px; }
.mobile-menu .open-sub .dripicons-chevron-down {
margin-right: 0 !important;
display: inline-block;
position: relative;
transition: transform .3s ease; }
.mobile-menu .open-sub.active .dripicons-chevron-down {
-ms-transform: rotate(180deg);
transform: rotate(180deg); } .hero-carousel-wrap {
position: relative;
background-color: #efefef; }
.hero-carousel-wrap .uil-ripple {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
transition: opacity .3s ease; }
.hero-carousel-wrap .slick-initialized + .uil-ripple {
opacity: none;
z-index: -1; }
.hero-carousel-wrap.style-1 .hero-carousel {
white-space: nowrap;
overflow: hidden;
position: relative; }
.hero-carousel-wrap.style-1 .hero-carousel:after {
content: " ";
clear: both;
display: block; }
.hero-carousel-wrap.style-1 .hero-carousel [tabindex]:focus {
outline: none; }
.hero-carousel-wrap.style-1 .hero-carousel.slick-initialized .hero-item {
opacity: 1; }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item {
padding: 50px 25px;
position: relative;
outline: none !important;
display: inline-block;
white-space: normal;
opacity: 0;
transition: .3s ease; }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__inner {
position: relative;
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 990px) {
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__inner {
box-shadow: none; } }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item .block-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1; }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__image {
margin: 0;
position: relative; }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__image:after {
content: " ";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); }
@media screen and (max-width: 990px) {
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__image {
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.6);
margin-bottom: 30px; } }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__image img {
width: 100%;
display: block; }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item.slick-current .hero-item__detail {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0); }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__detail {
position: absolute;
z-index: 1;
bottom: 50px;
left: 50px;
width: 40%;
opacity: 0;
-ms-transform: translateY(50px);
transform: translateY(50px);
transition: .5s ease;
transition-delay: .3s; }
@media screen and (max-width: 1300px) {
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__detail {
width: 50%;
bottom: 30px;
left: 30px; } }
@media screen and (max-width: 990px) {
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__detail {
position: relative;
bottom: 0;
left: 0;
right: 0 !important;
width: 100%;
text-align: center !important;
color: inherit !important; } }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__detail--right {
left: auto;
right: 50px;
text-align: right; }
@media screen and (max-width: 1300px) {
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__detail--right {
right: 30px; } }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__title {
font-weight: 900;
font-family: "Playfair Display";
font-size: 48px;
font-size: 3em;
line-height: 1;
margin: 0 0 10px;
color: white; }
@media screen and (max-width: 1300px) {
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__title {
color: #2B2B2B;
font-size: 32px;
font-size: 2em; } }
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__desc {
margin: 0;
color: rgba(255, 255, 255, 0.8); }
@media screen and (max-width: 990px) {
.hero-carousel-wrap.style-1 .hero-carousel .hero-item__desc {
color: #999999; } }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item {
position: relative; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item .hero-background, .hero-carousel-wrap.style-2 .hero-carousel .hero-item .bg {
position: absolute;
width: 100%;
height: 100%; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item .hero-background {
overflow: hidden; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item .hero-background .bg {
background-size: cover;
background-position: center; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item .hero-background .bg:before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item .hero-content {
position: relative;
z-index: 1; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item .hero-content .container, .hero-carousel-wrap.style-2 .hero-carousel .hero-item .hero-content .dokan-dashboard .dokan-dashboard-content > article, .dokan-dashboard .hero-carousel-wrap.style-2 .hero-carousel .hero-item .hero-content .dokan-dashboard-content > article {
padding: 100px 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__inner {
width: 100%; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__inner:after {
content: " ";
clear: both;
display: block; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item .block-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__title {
font-size: 64px;
font-size: 4em;
font-family: "Playfair Display";
color: white;
line-height: 1;
margin: 0;
transition: 0.6s cubic-bezier(0.79, 0.03, 0.25, 1);
transition-delay: .3s;
opacity: 0;
-ms-transform: translateY(100px);
transform: translateY(100px); }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__desc {
font-size: 18px;
font-size: 1.125em;
color: rgba(255, 255, 255, 0.8);
font-weight: 300;
transition: 0.6s cubic-bezier(0.79, 0.03, 0.25, 1);
transition-delay: .4s;
opacity: 0;
-ms-transform: translateY(100px);
transform: translateY(100px); }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item.slick-current .hero-item__title, .hero-carousel-wrap.style-2 .hero-carousel .hero-item.slick-current .hero-item__desc {
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__detail--right {
text-align: right;
float: right; }
@media screen and (min-width: 991px) {
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__detail--right {
width: 50%; } }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__detail--left {
text-align: left;
float: left; }
@media screen and (min-width: 991px) {
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__detail--left {
width: 50%; } }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__detail--center {
text-align: center; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__detail--light .hero-background .bg:before {
background: linear-gradient(transparent, rgba(255, 255, 255, 0.4)); }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__detail--light .hero-item__title {
color: #333; }
.hero-carousel-wrap.style-2 .hero-carousel .hero-item__detail--light .hero-item__desc {
color: rgba(0, 0, 0, 0.7); }
.hero-carousel-wrap.style-2 .slick-prev, .hero-carousel-wrap.style-2 .slick-next {
position: absolute;
z-index: 2;
font-size: 36px;
font-size: 2.25em;
border: none;
background: none;
color: white;
width: 36px;
height: 36px;
line-height: 1;
top: 0;
bottom: 0;
margin: auto; }
.hero-carousel-wrap.style-2 .slick-prev {
left: 0; }
.hero-carousel-wrap.style-2 .slick-next {
right: 0; }
.hero-carousel-wrap.style-2 .slick-dots {
list-style: none;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
margin: 0;
padding: 20px 0;
text-align: center; }
.hero-carousel-wrap.style-2 .slick-dots li {
display: inline-block;
padding: 0 5px; }
.hero-carousel-wrap.style-2 .slick-dots li button {
background: white;
text-indent: -9999px;
overflow: hidden;
width: 8px;
height: 8px;
padding: 0;
border-radius: 10px;
border: none;
transition: .3s ease; }
.hero-carousel-wrap.style-2 .slick-dots li.slick-active button {
width: 30px; } .post-grid .post__inner, .post-masonry .post__inner {
background-color: white;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
transition: .3s ease;
position: relative;
overflow: hidden;
width: 100%; }
.post-grid .post__inner:after, .post-masonry .post__inner:after {
content: " ";
width: 100%;
height: 5px;
background-image: linear-gradient(90deg, transparent, #DB1037, #CD40E6, #DB1037, transparent);
position: absolute;
bottom: 0;
left: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
transition: .7s ease;
opacity: 0; }
.post-grid .post:hover .post__inner, .post-masonry .post:hover .post__inner {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
.post-grid .post:hover .post__inner:after, .post-masonry .post:hover .post__inner:after {
-ms-transform: scaleX(1.2);
transform: scaleX(1.2);
opacity: 1; }
.post-grid .post__image a, .post-grid .post__image img, .post-masonry .post__image a, .post-masonry .post__image img {
display: block; }
.post-grid .post__image img, .post-masonry .post__image img {
width: 100%;
height: auto; }
.post-grid .post__detail, .post-masonry .post__detail {
padding: 20px; }
@media screen and (max-width: 480px) {
.post-grid .post__detail, .post-masonry .post__detail {
padding: 15px; } }
.post-grid .post__title, .post-masonry .post__title {
margin: 0 0 10px;
line-height: 1.4; }
@media screen and (max-width: 480px) {
.post-grid .post__title, .post-masonry .post__title {
font-size: 16px;
font-size: 1em; } }
.post-grid .post__meta, .post-masonry .post__meta {
margin-bottom: 20px;
font-size: 14px;
font-size: 0.875em; }
@media screen and (max-width: 480px) {
.post-grid .post__meta, .post-masonry .post__meta {
font-size: 10px;
font-size: 0.625em;
line-height: 1.3; } }
.post-grid .post__meta span, .post-masonry .post__meta span {
display: inline-block;
margin-right: 10px;
color: #999999; }
.post-grid .post__meta span a:hover, .post-masonry .post__meta span a:hover {
color: #DB1037; }
.post-grid .post__more, .post-masonry .post__more {
display: inline-block;
margin-top: 20px;
color: #DB1037;
font-weight: 700; }
.post-grid .post {
display: -ms-flexbox;
display: flex; }
.post-grid .post .post__image {
max-height: 300px;
overflow: hidden; }
.post-grid .post .post__image img {
object-fit: cover;
max-height: 300px; }
.post-list .post {
margin-bottom: 40px;
background-color: white;
padding: 30px 30px 35px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
transition: .3s ease;
position: relative;
overflow: hidden; }
@media screen and (max-width: 640px) {
.post-list .post {
padding: 15px; } }
.post-list .post:after {
content: " ";
width: 100%;
height: 5px;
background-image: linear-gradient(90deg, transparent, #DB1037, #CD40E6, #DB1037, transparent);
position: absolute;
bottom: 0;
left: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
transition: .7s ease;
opacity: 0; }
.post-list .post:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
.post-list .post:hover:after {
-ms-transform: scaleX(1.2);
transform: scaleX(1.2);
opacity: 1; }
.post-list .post__inner {
display: table;
width: 100%; }
.post-list .post__image, .post-list .post__detail {
display: table-cell;
vertical-align: top; }
@media screen and (max-width: 640px) {
.post-list .post__image, .post-list .post__detail {
display: block; } }
.post-list .post__image {
width: 200px; }
@media screen and (max-width: 640px) {
.post-list .post__image {
width: 100%;
text-align: center; }
.post-list .post__image img {
width: 100%; } }
.post-list .post.has-post-thumbnail .post__detail {
padding-left: 30px; }
@media screen and (max-width: 640px) {
.post-list .post.has-post-thumbnail .post__detail {
padding-left: 0; } }
.post-list .post__title {
font-family: "Playfair Display";
margin: 0 0 10px;
line-height: 1.3;
font-size: 32px;
font-size: 2em; }
.post-list .post__meta {
color: #999999;
margin-bottom: 30px;
position: relative;
padding-bottom: 15px; }
.post-list .post__meta:after {
content: " ";
width: 50px;
height: 3px;
background-color: #DB1037;
background-image: linear-gradient(to right, #DB1037, #CD40E6);
position: absolute;
bottom: 0;
left: 0; }
.post-list .post__meta span {
margin-right: 10px; }
.post-list .post__meta a:hover {
color: #DB1037; }
.post-list .post__more {
margin-top: 20px;
display: block;
font-weight: 700; }
.gallery-slider {
position: relative; }
.gallery-slider .slides {
list-style: none;
padding-left: 0;
margin: 0;
white-space: nowrap;
overflow: hidden; }
.gallery-slider .slides li {
display: inline-block;
white-space: normal; }
.gallery-slider .flex-viewport img {
width: 100%;
max-width: 100%;
height: auto;
display: block; }
.gallery-slider .flex-direction-nav {
list-style: none;
margin: 0;
padding-left: 0; }
.gallery-slider .flex-direction-nav .flex-next, .gallery-slider .flex-direction-nav .flex-prev {
position: absolute;
width: 40px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 24px;
font-size: 1.5em;
color: white;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
margin: auto;
z-index: 8; }
.gallery-slider .flex-direction-nav .flex-prev {
left: 0; }
.gallery-slider .flex-direction-nav .flex-next {
right: 0; }
.gallery-slider .flex-direction-nav .flex-disabled {
pointer-events: none;
opacity: 0; }
.posts-navigation {
padding: 50px 0; }
.posts-navigation:after {
content: " ";
clear: both;
display: block; }
.posts-navigation .next-link, .posts-navigation .prev-link {
padding: 5px 40px; }
.posts-navigation .next-link {
float: right; }
.posts-navigation .prev-link {
float: left; }
.single-post .post {
background-color: white;
padding: 30px 30px 70px;
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.1);
position: relative;
margin-bottom: 100px; }
@media screen and (max-width: 480px) {
.single-post .post {
margin-bottom: 30px;
padding-bottom: 30px; } }
.single-post .post .gallery-slider {
margin: -30px -30px 30px; }
.single-post .post__header {
position: relative;
padding: 30px 90px 0; }
@media screen and (max-width: 990px) {
.single-post .post__header {
padding: 0; } }
.single-post .post.has-post-thumbnail .post__header {
padding: 300px 90px 70px;
z-index: 1;
margin: -30px -30px 50px; }
@media screen and (max-width: 768px) {
.single-post .post.has-post-thumbnail .post__header {
padding: 100px 20px 20px;
margin-bottom: 30px; } }
.single-post .post.has-post-thumbnail .post__header .post__image, .single-post .post.has-post-thumbnail .post__header .post__image .bg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: 0; }
.single-post .post.has-post-thumbnail .post__header .post__image {
overflow: hidden; }
.single-post .post.has-post-thumbnail .post__header .post__image .bg {
background-size: cover;
background-position: center;
height: 200%;
top: -100%; }
.single-post .post.has-post-thumbnail .post__header .post__image:after {
content: " ";
background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0; }
.single-post .post.has-post-thumbnail .post__header .post__title {
color: white; }
.single-post .post.has-post-thumbnail .post__header .post__meta {
margin-bottom: 0; }
.single-post .post.has-post-thumbnail .post__header .post__date, .single-post .post.has-post-thumbnail .post__header .post__meta {
color: white; }
.single-post .post.has-post-thumbnail .post__header .post__meta:before {
background-color: white; }
.single-post .post__title {
font-size: 3em;
font-family: "Playfair Display";
line-height: 1.3;
margin: 0 0 20px; }
@media screen and (max-width: 480px) {
.single-post .post__title {
font-size: 32px;
font-size: 2em; } }
.single-post .post__meta {
padding-left: 70px;
position: relative;
margin-bottom: 50px; }
@media screen and (max-width: 480px) {
.single-post .post__meta {
padding-left: 0;
font-size: 12px;
font-size: 0.75em; } }
.single-post .post__meta:before {
content: " ";
width: 60px;
height: 1px;
position: absolute;
background-color: #616161;
top: 0;
bottom: 4px;
left: 0;
margin: auto; }
@media screen and (max-width: 480px) {
.single-post .post__meta:before {
display: none; } }
.single-post .post__meta span {
display: inline-block;
margin-right: 10px; }
.single-post .post__meta a {
color: #CD40E6; }
.single-post .post__content {
padding: 30px 70px; }
@media screen and (max-width: 990px) {
.single-post .post__content {
padding: 0; } }
.single-post .post__footer {
padding: 30px 70px; }
.single-post .post__footer:after {
content: " ";
clear: both;
display: block; }
@media screen and (max-width: 640px) {
.single-post .post__footer {
padding: 0; } }
.single-post .post__tags {
padding-left: 120px;
position: relative; }
.single-post .post__tags strong {
color: #999999;
font-weight: normal;
position: absolute;
left: 0;
text-align: right;
padding-left: 15px; }
.single-post .post__tags strong:before {
content: " ";
width: 50px;
height: 1px;
background-color: #BDBDBD;
margin-right: 10px;
display: inline-block;
vertical-align: middle; }
.single-post .post__tags a {
color: #2B2B2B; }
.single-post .post__share {
width: 100%;
position: absolute;
left: 0;
top: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
transform-style: preserve-3d;
perspective: 1000px; }
@media screen and (max-width: 480px) {
.single-post .post__share {
display: block;
top: auto;
bottom: 0;
position: relative; } }
.single-post .post__share strong, .single-post .post__share a {
-ms-flex: 1;
flex: 1;
padding: 15px 10px;
text-align: center;
background-color: white;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1); }
.single-post .post__share strong.animated, .single-post .post__share a.animated {
animation: shakeShare 2s ease;
box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.3); }
.single-post .post__share strong {
font-size: 18px;
padding: 20px 10px; }
@media screen and (max-width: 480px) {
.single-post .post__share strong {
display: block; } }
.single-post .post__share a {
color: white;
font-size: 24px; }
@media screen and (max-width: 480px) {
.single-post .post__share a {
width: 50%;
float: left;
font-size: 16px;
padding: 10px; } }
.single-post .post__share .label {
display: none; }
.single-post .post__share .facebook {
background-color: #3B5998; }
.single-post .post__share .twitter {
background-color: #55ACEE; }
.single-post .post__share .google-plus {
background-color: #E02F2F; }
.single-post .post__share .linkedin {
background-color: #007BB5; }
.single-post .post__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 0 50px; }
.single-post .post__nav--prev, .single-post .post__nav--next {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
padding: 30px;
margin: 30px 0;
position: relative; }
@media screen and (max-width: 480px) {
.single-post .post__nav--prev, .single-post .post__nav--next {
margin: 15px 0; } }
.single-post .post__nav--prev:before, .single-post .post__nav--next:before {
font-family: "dripicons-v2";
font-size: 18px;
position: absolute;
top: 30px; }
@media screen and (max-width: 480px) {
.single-post .post__nav--prev, .single-post .post__nav--next {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: left !important; } }
.single-post .post__nav--prev {
text-align: left; }
.single-post .post__nav--prev:before {
content: "\55";
left: 0; }
@media screen and (min-width: 481px) {
.single-post .post__nav--prev {
border-right: 1px solid #e3e3e3; } }
.single-post .post__nav--next {
text-align: right; }
.single-post .post__nav--next:before {
content: "\56";
right: 0; }
@media screen and (max-width: 480px) {
.single-post .post__nav--next:before {
right: auto;
left: 0; } }
.single-post .post__nav h2 {
margin-top: 0;
margin-bottom: 5px;
line-height: 1.3; }
.single-post .post__comment {
background-color: white;
padding: 30px;
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
margin-bottom: 100px; }
.comment-list, .commentlist {
list-style: none;
padding: 0;
margin: 0 0 100px; }
.comments-area .section-header {
margin-top: 0; }
.comment-body {
padding-left: 80px;
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px dashed #e0e0e0; }
@media screen and (max-width: 640px) {
.comment-body {
padding-left: 0; } }
@media screen and (max-width: 640px) {
.comment-meta {
padding-left: 80px;
position: relative;
min-height: 50px;
margin-bottom: 30px; } }
.comment-meta .avatar {
position: absolute;
left: 0;
top: 0;
border-radius: 50%; }
.comment-meta .fn {
color: #2B2B2B;
font-family: "Playfair Display";
font-style: normal;
font-size: 18px;
font-size: 1.125em; }
.comment-meta .fn a {
color: inherit; }
.comment-metadata {
color: #999999;
font-size: 14px; }
.comment-content {
margin-bottom: 30px; }
.comment .reply a {
padding-right: 20px; }
.comment .reply a:after {
background-color: #DB1037; }
.comment .reply span {
display: none; }
.comment .children {
margin-left: 80px;
list-style: none;
padding-left: 0; }
@media screen and (max-width: 640px) {
.comment .children {
margin-left: 0; } }
.comment-respond .section-header {
margin-top: 0; }
.comment-respond .comment-notes, .comment-respond .form-submit, .comment-respond .logged-in-as {
padding: 0 15px;
clear: both; }
.comment-respond .form-submit {
text-align: right;
padding-top: 15px;
display: block; }
.comment-respond .comment-form {
margin: 0 -15px; }
.comment-respond .comment-form-rating, .comment-respond .comment-form .stars {
padding: 0 15px; }
.comment-respond .comment-form-comment {
width: 100%;
padding: 0 15px;
margin: 0 0 30px; }
.comment-respond .comment-form-comment textarea {
width: 100%;
padding: 20px 15px;
display: block;
border-radius: 20px; }
.comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url {
width: 33.3333%;
float: left;
padding: 0 15px;
margin: 0 0 10px; }
@media screen and (max-width: 640px) {
.comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url {
width: 100%; } }
.comment-respond .comment-form-author input, .comment-respond .comment-form-email input, .comment-respond .comment-form-url input {
width: 100%;
display: block; }
.bypostauthor .avatar {
border: 2px solid #DB1037; }
.bypostauthor .comment-body {
border-bottom-color: #DB1037; }
@keyframes shakeShare {
0% {
transform: rotateX(0); }
15% {
transform: rotateX(40deg); }
30% {
transform: rotateX(-30deg); }
50% {
transform: rotateX(20deg); }
60% {
transform: rotateX(-15deg); }
75% {
transform: rotateX(10deg); }
100% {
transform: rotateX(0); } }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
margin-top: 50px;
margin-bottom: 15px; }
.entry-content h1,
.page-content h1,
.comment-content h1 {
font-size: 36px;
font-size: 2.25em; }
.entry-content h2,
.page-content h2,
.comment-content h2 {
font-size: 32px;
font-size: 2em; }
.entry-content h3,
.page-content h3,
.comment-content h3 {
font-size: 28px;
font-size: 1.75em; }
.entry-content h4,
.page-content h4,
.comment-content h4 {
font-size: 24px;
font-size: 1.5em; }
.entry-content h5,
.page-content h5,
.comment-content h5 {
font-size: 18px;
font-size: 1.125em; }
.entry-content h6,
.page-content h6,
.comment-content h6 {
font-size: 16px;
font-size: 1em; }
.entry-content .leading,
.page-content .leading,
.comment-content .leading {
font-size: 21px;
font-size: 1.3125em;
font-family: "Playfair Display";
line-height: 1.7; }
.entry-content blockquote,
.page-content blockquote,
.comment-content blockquote {
font-family: "Playfair Display";
font-size: 24px;
font-size: 1.5em;
font-style: italic;
color: #2B2B2B;
border-left: 1px solid #BDBDBD;
margin-left: 0;
padding-left: 50px; }
.entry-content blockquote p,
.page-content blockquote p,
.comment-content blockquote p {
font-family: inherit;
font-size: inherit;
font-style: inherit;
color: inherit;
line-height: inherit; }
.entry-content blockquote cite,
.page-content blockquote cite,
.comment-content blockquote cite {
display: block;
padding: 40px 0 0;
font-family: "Open Sans";
font-style: normal;
font-size: 14px;
font-size: 0.58333em; }
.entry-content blockquote cite:before,
.page-content blockquote cite:before,
.comment-content blockquote cite:before {
content: " ";
width: 40px;
height: 1px;
background-color: #BDBDBD;
display: inline-block;
vertical-align: middle;
margin-right: 10px; }
.entry-content img,
.page-content img,
.comment-content img {
height: auto; }
.entry-content .alignleft,
.page-content .alignleft,
.comment-content .alignleft {
margin: 30px 30px 30px 0;
max-width: 60%; }
.entry-content .alignright,
.page-content .alignright,
.comment-content .alignright {
margin: 30px 0 30px 30px;
max-width: 60%; }
.entry-content ul, .entry-content ol,
.page-content ul,
.page-content ol,
.comment-content ul,
.comment-content ol {
margin: 15px 0;
padding-left: 20px; }
.alignleft {
float: left; }
.alignright {
float: right; }
.wp-caption {
margin: 30px 0; }
.wp-caption img {
height: auto; }
.wp-caption.alignleft {
margin-right: 30px; }
.wp-caption.alignright {
margin-left: 30px; }
.wp-caption.aligncenter {
margin: 30px auto;
text-align: center;
max-width: 100% !important; }
.wp-caption-text {
color: #999999; }
.gallery-caption {
color: #999999;
font-style: italic;
font-size: 14px;
font-size: 0.875em; }
.comments-nav {
position: relative;
padding: 30px 0;
margin-bottom: 30px;
z-index: 1; }
.comments-nav .page-numbers {
position: absolute;
text-align: center;
z-index: -1;
width: 100%;
left: 0; }
@media screen and (max-width: 768px) {
.comments-nav .page-numbers {
display: none; } }
.comments-nav .comment-navigation:after {
content: " ";
clear: both;
display: block; }
.comments-nav .comment-navigation .nav-previous a, .comments-nav .comment-navigation .nav-next a {
border: 2px solid #DB1037;
border-radius: 40px;
padding: 5px 30px;
display: block; }
.comments-nav .comment-navigation .nav-previous {
float: left; }
.comments-nav .comment-navigation .nav-next {
float: right; } .page-header {
position: relative;
padding: 100px 0;
z-index: 1;
margin-bottom: 50px; }
.page-header--center {
text-align: center; }
.page-header--right {
text-align: right; }
.page-header-bg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
left: 0;
top: 0;
overflow: hidden; }
.page-header-bg .bg {
position: absolute;
width: 100%;
height: 200%;
left: 0;
top: 0;
background-size: cover;
top: -100%; }
.page-header-bg .bg:before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(219, 16, 55, 0.7);
background: linear-gradient(#DB1037, #CD40E6);
opacity: .4; }
.page-header .page-title {
font-size: 64px;
font-size: 4em;
line-height: 1;
margin: 0 0 20px;
font-family: "Playfair Display";
color: white; }
@media screen and (max-width: 480px) {
.page-header .page-title {
font-size: 48px;
font-size: 3em; } }
.page-header .page-subtitle {
font-size: 18px;
font-size: 1.125em;
font-weight: 300;
color: rgba(255, 255, 255, 0.9); }
.breadcrumbs {
padding: 30px 0;
border-bottom: 1px dashed #BDBDBD; }
.breadcrumbs a, .breadcrumbs span {
display: inline-block; }
.breadcrumbs a {
color: #DB1037; }
.breadcrumbs a:after {
content: " | ";
vertical-align: middle; }
.error404 .site-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh; }
.error404 .site-content .main-content {
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 100px 0;
text-align: center;
background-size: cover;
background-image: url(//delo.ranepa.ru/wp-content/themes/pustaka/assets/img/dummy/outer-space.jpg);
z-index: 1;
position: relative; }
.error404 .site-content .main-content:before {
content: " ";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
background-color: rgba(0, 0, 0, 0.5); }
.error404 .site-content .type-page {
height: 100%; }
.error404 .site-content .fourohfour {
font-size: 200px;
font-size: 12.5em;
font-weight: 900;
line-height: 1;
color: white;
margin-bottom: 50px;
display: block;
letter-spacing: -20px; }
.error404 .site-content .fourohfour .char-2 {
position: relative;
top: 50px;
left: -20px; }
@media screen and (max-width: 640px) {
.error404 .site-content .fourohfour .char-2 {
left: 0;
top: .2em; } }
@media screen and (max-width: 640px) {
.error404 .site-content .fourohfour {
font-size: 70px;
font-size: 4.375em;
letter-spacing: 0; } }
.error404 .site-content .entry-title {
font-family: "Playfair Display";
font-weight: 300;
color: rgba(255, 255, 255, 0.9); }
@media screen and (max-width: 640px) {
.error404 .site-content .entry-title {
font-size: 32px;
font-size: 2em; } }
.error404 .site-content .widget_search input {
color: white; }
.no-content-wrap {
padding: 100px 0; }
.no-content-wrap .no-content-icon {
font-size: 100px;
font-size: 6.25em;
text-align: center;
color: rgba(0, 0, 0, 0.2);
margin-bottom: 50px; }
@media screen and (min-width: 768px) {
.no-content-wrap .no-content-desc {
width: 85%;
margin: 0 auto;
text-align: center; } }
.no-content-wrap .no-content-desc p {
font-weight: 300;
font-size: 24px;
font-size: 1.5em;
line-height: 1.5; }
.icon-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px; }
.icon-item {
width: 25%;
padding: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 10px; }
@media screen and (max-width: 768px) {
.icon-item {
width: 50%; } }
@media screen and (max-width: 480px) {
.icon-item {
-ms-flex-direction: column;
flex-direction: column; } }
.icon-sample {
font-size: 36px;
width: 48px;
display: inline-block;
margin-right: 15px; }
@media screen and (max-width: 480px) {
.icon-sample {
width: 100%;
margin-right: 0;
text-align: center;
margin-bottom: 10px; } } .koo-dropcap {
margin-top: 0;
margin-bottom: 0; }
.button.small:hover, .comment-respond .form-submit input.small:hover, .small.dokan-btn-theme:hover, .button.medium:hover, .comment-respond .form-submit input.medium:hover, .medium.dokan-btn-theme:hover, .button.large:hover, .comment-respond .form-submit input.large:hover, .large.dokan-btn-theme:hover {
color: white; }  .product-grid .product {
margin-bottom: 50px; }
@media screen and (max-width: 480px) {
.product-grid .product {
margin-bottom: 30px; } }
.product-grid .product:hover .product__action {
opacity: 1; }
.product-grid .product__image {
margin: 0 0 20px;
box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.2);
position: relative;
transition: transform .3s ease; }
.product-grid .product__image > a {
overflow: hidden;
display: block; }
.product-grid .product__image img {
max-width: 100%;
display: block;
width: 100%;
height: auto;
transition: .3s ease; }
.product-grid .product__action {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.9);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
transition: .3s ease; }
.no-flexbox .product-grid .product__action {
text-align: center;
padding-top: 10%; }
.product-grid .product__action .button, .product-grid .product__action .comment-respond .form-submit input, .comment-respond .form-submit .product-grid .product__action input, .product-grid .product__action .dokan-btn-theme {
border: none;
padding: 10px;
border-radius: 0;
font-size: 30px;
line-height: 1;
color: #DB1037;
position: relative; }
.product-grid .product__action .button .dripicons-plus, .product-grid .product__action .comment-respond .form-submit input .dripicons-plus, .comment-respond .form-submit .product-grid .product__action input .dripicons-plus, .product-grid .product__action .dokan-btn-theme .dripicons-plus {
font-size: 18px;
position: absolute;
display: block;
top: 0;
right: -10px;
line-height: 1;
transition: color .3s ease; }
.product-grid .product__action .button.loading .dripicons-plus, .product-grid .product__action .comment-respond .form-submit input.loading .dripicons-plus, .comment-respond .form-submit .product-grid .product__action input.loading .dripicons-plus, .product-grid .product__action .loading.dokan-btn-theme .dripicons-plus {
color: #CD40E6; }
.product-grid .product__action .button.loading .dripicons-plus:before, .product-grid .product__action .comment-respond .form-submit input.loading .dripicons-plus:before, .comment-respond .form-submit .product-grid .product__action input.loading .dripicons-plus:before, .product-grid .product__action .loading.dokan-btn-theme .dripicons-plus:before {
content: "\e011";
display: block;
position: relative;
animation: rotating 2s linear infinite; }
.product-grid .product__action .button.added .dripicons-plus, .product-grid .product__action .comment-respond .form-submit input.added .dripicons-plus, .comment-respond .form-submit .product-grid .product__action input.added .dripicons-plus, .product-grid .product__action .added.dokan-btn-theme .dripicons-plus {
color: #92dc34; }
.product-grid .product__action .button.added .dripicons-plus:before, .product-grid .product__action .comment-respond .form-submit input.added .dripicons-plus:before, .comment-respond .form-submit .product-grid .product__action input.added .dripicons-plus:before, .product-grid .product__action .added.dokan-btn-theme .dripicons-plus:before {
content: "\53"; }
.product-grid .product__action .button .button-label, .product-grid .product__action .comment-respond .form-submit input .button-label, .comment-respond .form-submit .product-grid .product__action input .button-label, .product-grid .product__action .dokan-btn-theme .button-label {
display: none; }
.product-grid .product__action .yith-wcqv-button, .product-grid .product__action .added_to_cart.wc-forward, .product-grid .product__action .buy-now {
text-transform: uppercase;
letter-spacing: 1px;
padding: 5px 15px;
font-weight: 700;
border-radius: 40px;
line-height: 1;
font-size: 12px;
font-size: 0.75em;
border: 3px solid; }
.product-grid .product .onsale {
position: absolute;
right: -10px;
top: 20px;
background-color: #CD40E6;
color: white;
text-transform: uppercase;
line-height: 1;
padding: 5px 10px;
border-radius: 3px;
z-index: 2;
font-size: 14px;
font-size: 0.875em; }
.product-grid .product__detail > .yith-wcqv-button {
display: none; }
.product-grid .product__title {
font-size: 18px;
font-size: 1.125em;
margin: 0;
line-height: 1.3; }
@media screen and (max-width: 480px) {
.product-grid .product__title {
font-size: 16px;
font-size: 1em; } }
.product-grid .product__title a {
color: inherit;
text-decoration: none; }
.product-grid .product__meta {
margin-bottom: 10px; }
.product-grid .product .author {
font-family: "Playfair Display";
font-style: italic;
color: #999999;
font-size: 14px;
font-size: 0.875em; }
.product-grid .product__price {
color: #DB1037;
margin-bottom: 5px;
font-size: 16px;
font-size: 1em; }
@media screen and (max-width: 480px) {
.product-grid .product__price {
font-size: 14px;
font-size: 0.875em; } }
.product-grid .product__rating {
font-size: 18px;
font-size: 1.125em; }
@media screen and (max-width: 480px) {
.product-grid .product__rating {
font-size: 14px;
font-size: 0.875em; } }
.product-grid + .view-all {
margin-bottom: 100px;
padding-top: 30px; }
.product-grid + .view-all .button, .product-grid + .view-all .comment-respond .form-submit input, .comment-respond .form-submit .product-grid + .view-all input, .product-grid + .view-all .dokan-btn-theme {
padding: 5px 40px; }
.product-list .product {
margin-bottom: 100px; }
@media screen and (max-width: 640px) {
.product-list .product {
clear: both; } }
.product-list .product__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start; }
@media screen and (max-width: 640px) {
.product-list .product__inner {
display: block; }
.product-list .product__inner:after {
content: " ";
clear: both;
display: block; } }
.product-list .product__image {
width: 200px;
position: relative;
margin: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
@media screen and (max-width: 640px) {
.product-list .product__image {
width: 100%;
margin-bottom: 30px; } }
.product-list .product__image img {
height: auto;
max-width: 100%;
width: 100%;
display: block;
box-shadow: 0 10px 20px -3px rgba(0, 0, 0, 0.2); }
.product-list .product__image .onsale {
position: absolute;
right: -10px;
top: 20px;
background-color: #CD40E6;
color: white;
text-transform: uppercase;
line-height: 1;
padding: 7px 10px;
border-radius: 3px;
z-index: 2;
font-size: 14px;
font-size: 0.875em; }
.product-list .product__detail {
padding-left: 40px; }
@media screen and (max-width: 640px) {
.product-list .product__detail {
padding-left: 0; } }
.product-list .product__detail > .yith-wcqv-button {
display: none; }
.product-list .product__meta .author {
font-family: "Playfair Display";
font-style: italic; }
.product-list .product__title {
margin: 0; }
.product-list .product__price {
float: left;
font-size: 18px;
font-weight: 700;
color: #DB1037; }
.product-list .product__action {
float: right; }
.product-list .product__action .button, .product-list .product__action .comment-respond .form-submit input, .comment-respond .form-submit .product-list .product__action input, .product-list .product__action .dokan-btn-theme, .product-list .product__action .added_to_cart.wc-forward {
font-size: 12px;
font-size: 0.75em;
padding: 5px 20px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
position: relative;
line-height: 1; }
.product-list .product__action .button .dripicons-plus, .product-list .product__action .comment-respond .form-submit input .dripicons-plus, .comment-respond .form-submit .product-list .product__action input .dripicons-plus, .product-list .product__action .dokan-btn-theme .dripicons-plus, .product-list .product__action .added_to_cart.wc-forward .dripicons-plus {
position: relative;
display: inline-block;
top: -3px;
line-height: .7;
transition: color .3s ease; }
.product-list .product__action .button.loading .dripicons-plus, .product-list .product__action .comment-respond .form-submit input.loading .dripicons-plus, .comment-respond .form-submit .product-list .product__action input.loading .dripicons-plus, .product-list .product__action .loading.dokan-btn-theme .dripicons-plus, .product-list .product__action .added_to_cart.wc-forward.loading .dripicons-plus {
color: #CD40E6; }
.product-list .product__action .button.loading .dripicons-plus:before, .product-list .product__action .comment-respond .form-submit input.loading .dripicons-plus:before, .comment-respond .form-submit .product-list .product__action input.loading .dripicons-plus:before, .product-list .product__action .loading.dokan-btn-theme .dripicons-plus:before, .product-list .product__action .added_to_cart.wc-forward.loading .dripicons-plus:before {
content: "\e011";
display: block;
position: relative;
animation: rotating 2s linear infinite; }
.product-list .product__action .button.added .dripicons-plus, .product-list .product__action .comment-respond .form-submit input.added .dripicons-plus, .comment-respond .form-submit .product-list .product__action input.added .dripicons-plus, .product-list .product__action .added.dokan-btn-theme .dripicons-plus, .product-list .product__action .added_to_cart.wc-forward.added .dripicons-plus {
color: #92dc34; }
.product-list .product__action .button.added .dripicons-plus:before, .product-list .product__action .comment-respond .form-submit input.added .dripicons-plus:before, .comment-respond .form-submit .product-list .product__action input.added .dripicons-plus:before, .product-list .product__action .added.dokan-btn-theme .dripicons-plus:before, .product-list .product__action .added_to_cart.wc-forward.added .dripicons-plus:before {
content: "\53"; }
.added_to_cart.wc-forward {
display: inline-block;
color: #DB1037;
border: 3px solid;
border-radius: 40px; }
@keyframes rotating {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.product-overview {
padding: 100px 0;
position: relative; }
.product-overview:after {
content: " ";
clear: both;
display: block; }
@media screen and (max-width: 480px) {
.product-overview {
padding: 30px 0; } }
.product-overview__image {
width: 40%; }
@media screen and (max-width: 768px) {
.product-overview__image {
margin-bottom: 40px; } }
.product-overview__image .images img {
width: 100%;
height: auto; }
.product-overview__image .images .thumbnails.columns-3 {
margin: 0 -5px; }
.product-overview__image .images .thumbnails.columns-3:after {
content: " ";
clear: both;
display: block; }
.product-overview__image .images .thumbnails.columns-3 a {
width: 33.3333%;
float: left;
padding: 5px; }
.product-overview__summary {
width: 60%;
padding-left: 50px;
position: relative; }
@media screen and (max-width: 768px) {
.product-overview__summary {
padding-left: 0; } }
.product-overview__summary .onsale {
position: absolute;
right: 0;
background-color: #DB1037;
color: white;
border-radius: 3px;
padding: 2px 10px; }
.product-overview__summary .product__title {
font-size: 48px;
font-size: 3em;
font-family: "Playfair Display";
margin: 0 0 20px;
line-height: 1.2; }
@media screen and (max-width: 480px) {
.product-overview__summary .product__title {
font-size: 32px;
font-size: 2em; } }
.product-overview__summary .product__meta:after {
content: " ";
clear: both;
display: block; }
.product-overview__summary .product__meta .author {
font-family: "Playfair Display";
font-style: italic;
float: left; }
@media screen and (max-width: 480px) {
.product-overview__summary .product__meta .author {
float: none; } }
.product-overview__summary .product__meta .woocommerce-product-rating {
float: right;
text-align: right; }
@media screen and (max-width: 480px) {
.product-overview__summary .product__meta .woocommerce-product-rating {
float: none;
text-align: left;
margin-top: 10px; } }
.product-overview__summary .product__meta .woocommerce-product-rating .star-rating {
display: inline-block;
text-align: left; }
.product-overview__summary .product__meta .woocommerce-product-rating .woocommerce-review-link {
color: #999999;
font-size: 12px;
display: block; }
.product-overview__summary .product-bookmark:after {
content: " ";
clear: both;
display: block; }
.product-overview__summary .product-bookmark .yith-wcwl-add-to-wishlist, .product-overview__summary .product-bookmark .clear, .product-overview__summary .product-bookmark .post__share {
display: inline-block;
vertical-align: middle;
margin-top: 0; }
.product-overview__summary .product-bookmark .post__share a {
display: inline-block;
padding: 5px 10px;
border-radius: 3px;
color: white;
line-height: 1;
margin-bottom: 3px;
font-size: 14px;
font-size: 0.875em; }
.product-overview__summary .product-bookmark .post__share a .fa {
display: inline-block;
margin-right: 5px;
vertical-align: middle; }
.product-overview__summary .product-bookmark .post__share a.facebook {
background-color: #3B5998; }
.product-overview__summary .product-bookmark .post__share a.facebook:hover {
background-color: #4c70ba; }
.product-overview__summary .product-bookmark .post__share a.twitter {
background-color: #55ACEE; }
.product-overview__summary .product-bookmark .post__share a.twitter:hover {
background-color: #83c3f3; }
.product-overview__summary .product-bookmark .post__share a.google-plus {
background-color: #E02F2F; }
.product-overview__summary .product-bookmark .post__share a.google-plus:hover {
background-color: #e75b5b; }
.product-overview__summary .product-bookmark .post__share a.linkedin {
background-color: #007BB5; }
.product-overview__summary .product-bookmark .post__share a.linkedin:hover {
background-color: #009ee8; }
.product-overview__summary .product-deals-info {
background-color: white;
display: table;
border: 1px solid #e0e0e0;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-bottom: 20px; }
.product-overview__summary .product-deals-info:after {
content: " ";
clear: both;
display: block; }
.product-overview__summary .product-deals-info .deal-countdown, .product-overview__summary .product-deals-info .deal-saving {
float: left; }
.product-overview__summary .product-deals-info .label {
font-size: 13px;
font-size: 0.8125em;
color: #a6a6a6; }
.product-overview__summary .product-deals-info .deal-countdown {
padding: 10px 20px;
border-right: 1px solid #e0e0e0; }
@media screen and (max-width: 1200px) {
.product-overview__summary .product-deals-info .deal-countdown {
width: 100%;
border-right: none;
border-bottom: 1px solid #e3e3e3;
text-align: center; } }
.product-overview__summary .product-deals-info .deal-countdown .timer {
font-weight: 700;
font-size: 18px;
font-size: 1.125em;
display: inline-block;
margin-right: 5px;
color: #2B2B2B; }
.product-overview__summary .product-deals-info .deal-countdown .count-num {
display: inline-block;
margin-right: 10px; }
.product-overview__summary .product-deals-info .deal-saving {
display: table; }
@media screen and (max-width: 1200px) {
.product-overview__summary .product-deals-info .deal-saving {
width: 100%;
table-layout: fixed; } }
.product-overview__summary .product-deals-info .deal-saving .saving {
display: table-cell;
padding: 10px 20px;
text-align: center; }
.product-overview__summary .product-deals-info .deal-saving .saving:not(:last-child) {
border-right: 1px solid #e0e0e0; }
.product-overview__summary .product-deals-info .deal-saving .saving > span {
display: block; }
.product-overview__summary .product-deals-info .deal-saving .saving > span.value {
font-weight: 700;
font-size: 18px;
font-size: 1.125em;
color: #2B2B2B; }
.product-overview__image, .product-overview__summary {
float: left; }
@media screen and (max-width: 768px) {
.product-overview__image, .product-overview__summary {
display: block;
float: none;
width: 100%; } }
.product-overview .product-action .price {
font-size: 24px;
font-size: 1.5em;
margin-bottom: 20px;
color: #DB1037;
font-weight: 700; }
.product-overview .product-action .price del, .product-overview .product-action .price ins {
display: inline-block; }
.product-overview .product-action .price del {
color: #999999;
margin-right: 10px;
font-weight: 300; }
.product-overview .product-action .price ins {
font-weight: 700; }
.product-overview .product-action .WooZone-price-info {
display: block;
font-size: 14px;
margin-top: 5px;
color: #444;
font-style: normal;
font-weight: 400; }
.product-overview .cart:not(.variations_form) {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px; }
.product-overview .cart:not(.variations_form):after {
content: " ";
clear: both;
display: block; }
.product-overview .cart:not(.variations_form) .quantity {
display: -ms-flexbox;
display: flex; }
.product-overview .cart:not(.variations_form) .input-text.qty {
margin-right: 20px; }
.no-flexbox .product-overview .cart:not(.variations_form) .input-text.qty {
float: left;
min-width: 150px;
margin-right: 0; }
.product-overview .cart:not(.variations_form) .button, .product-overview .cart:not(.variations_form) .comment-respond .form-submit input, .comment-respond .form-submit .product-overview .cart:not(.variations_form) input, .product-overview .cart:not(.variations_form) .dokan-btn-theme {
margin: 0; }
.product-overview .product_meta {
padding-top: 30px; }
.product-overview .product_meta > span {
display: inline-block;
margin-right: 20px;
color: #2B2B2B; }
.product-overview .product_meta > span * {
color: #999999; }
.variations_form.cart .price-wrap {
color: #DB1037;
border-bottom: 1px dashed #BDBDBD; }
.variations_form.cart table.variations {
background-color: transparent;
box-shadow: none;
margin-bottom: 30px; }
.variations_form.cart table.variations tr, .variations_form.cart table.variations tbody {
background-color: transparent; }
@media screen and (max-width: 480px) {
.variations_form.cart table.variations td, .variations_form.cart table.variations th {
display: block; } }
.variations_form.cart table.variations .label {
text-transform: capitalize; }
.variations_form.cart table.variations .reset_variations {
padding-left: 20px;
color: #999999; }
.variations_form.cart table.variations .reset_variations:before {
content: "\5a";
font-family: "dripicons-v2";
display: inline-block;
vertical-align: middle;
margin-right: 5px;
color: #DB1037; }
.variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation:after {
content: " ";
clear: both;
display: block; }
.variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-description {
width: 100%; }
.variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-price {
float: left;
padding: 10px 0; }
.variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-availability {
float: right;
padding: 10px; }
.variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-availability .out-of-stock {
color: red;
font-style: italic; }
.variations_form.cart .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-availability p {
margin: 0; }
.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px; }
.no-flex .variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
display: block; }
.no-flex .variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart:after {
content: " ";
clear: both;
display: block; }
.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {
display: -ms-flexbox;
display: flex;
margin-right: 20px; }
.no-flex .variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {
float: left;
margin-right: 0; }
.no-flex .variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .quantity input {
min-width: 150px; }
.variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart button[type="submit"] {
margin: 0; }
.no-flex .variations_form.cart .single_variation_wrap .woocommerce-variation-add-to-cart button[type="submit"] {
float: left; }
.book-images {
perspective: 2000px; }
.book-images .book {
width: 300px;
max-width: 100%;
position: relative;
transform-style: preserve-3d;
transform: rotateY(0);
margin: 0 auto;
transition: transform .6s ease; }
.book-images .book.back-view {
transform: rotateY(-180deg); }
.rtl .book-images .book.back-view {
transform: rotateY(180deg); }
.book-images .book:not(.back-view):hover {
transform: rotateY(-30deg); }
.rtl .book-images .book:not(.back-view):hover {
transform: rotateY(30deg); }
.book-images .book:not(.back-view):hover .book__page--front {
transform: rotateY(-20deg); }
.rtl .book-images .book:not(.back-view):hover .book__page--front {
transform: rotateY(20deg); }
.book-images .book:not(.back-view):hover .book__page--first-page {
transform: rotateY(-10deg); }
.rtl .book-images .book:not(.back-view):hover .book__page--first-page {
transform: rotateY(10deg); }
.book-images .book img {
display: block;
height: auto; }
.book-images .book .placeholder {
visibility: hidden;
display: block;
height: auto; }
.book-images .book__page {
position: absolute;
left: 0;
top: 0;
-ms-transform-origin: 0;
transform-origin: 0;
will-change: transform;
background-image: linear-gradient(45deg, white, #fafafa);
transition: transform .3s ease; }
.book-images .book__page img {
display: block;
height: auto; }
.book-images .book__page--side {
width: 50px;
bottom: 0;
background-color: #333;
transform: rotateY(90deg);
background-image: linear-gradient(45deg, #333, #111); }
.rtl .book-images .book__page--side {
left: 100%; }
.book-images .book__page--side-paper {
width: 50px;
bottom: 0;
left: 100%;
background-color: white;
transform: rotateY(90deg);
background-color: #f3f3f3; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAxMzAwMDAwMDAwMDAwMDAwMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDQ0OTU4NzYyODg2NTk3OTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNTE5NTg3NjI4ODY1OTc5MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA2Mzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDYzOTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNzY5MTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjA4MzkxNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMDk1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wOTU4NzYyODg2NTk3OTM4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTA4ODc2Mjg4NjU5NzkzODIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xMTU4NzYyODg2NTk3OTM4MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjEyNzg3NjI4ODY1OTc5Mzg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTI3ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNDA4MzUwNTE1NDYzOTE3NSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE0NzgzNTA1MTU0NjM5MTczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTU5ODM1MDUxNTQ2MzkxNzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4xNTk3OTM4MTQ0MzI5ODk2OCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE3Mjc5MzgxNDQzMjk4OTY2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTc5NzkzODE0NDMyOTg5NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjE5MTc5MzgxNDQzMjk4OTY4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMTkxNzUyNTc3MzE5NTg3NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIwNDc1MjU3NzMxOTU4NzYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjExNzUyNTc3MzE5NTg3NjMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yMjM3NTI1NzczMTk1ODc2MSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjIyMzcxMTM0MDIwNjE4NTU1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjM2NzExMzQwMjA2MTg1NTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNDM3MTEzNDAyMDYxODU1NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI1NTcxMTM0MDIwNjE4NTUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yNTU2NzAxMDMwOTI3ODM1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMjY4NjcwMTAzMDkyNzgzNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI3NTY3MDEwMzA5Mjc4MzUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4yODc2NzAxMDMwOTI3ODM0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjI4NzYyODg2NTk3OTM4MTQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMDA2Mjg4NjU5NzkzODE0MyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMwNzYyODg2NTk3OTM4MTQ0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzE5NjI4ODY1OTc5MzgxNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMxOTU4NzYyODg2NTk3OTM2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzMyNTg3NjI4ODY1OTc5MzciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zMzk1ODc2Mjg4NjU5Nzk0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzUxNTg3NjI4ODY1OTc5MzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNTE1NDYzOTE3NTI1NzczIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzY0NTQ2MzkxNzUyNTc3MjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zNzE1NDYzOTE3NTI1NzcyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjM4MzU0NjM5MTc1MjU3NzMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zODM1MDUxNTQ2MzkxNzUyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuMzk2NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40MDM1MDUxNTQ2MzkxNzUyNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQxNTUwNTE1NDYzOTE3NTI2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDE1NDYzOTE3NTI1NzczMTYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Mjg0NjM5MTc1MjU3NzMxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDM1NDYzOTE3NTI1NzczMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ0NzQ2MzkxNzUyNTc3MzIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40NDc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDYwNDIyNjgwNDEyMzcxMDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC40Njc0MjI2ODA0MTIzNzExIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNDc5NDIyNjgwNDEyMzcxMSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ3OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5MjM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjQ5OTM4MTQ0MzI5ODk2OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjUxMTM4MTQ0MzI5ODk2OTEiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MTEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MjQzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41MzEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NDMyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTU2Mjk4OTY5MDcyMTY0OSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU2MzI5ODk2OTA3MjE2NDkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41NzUyOTg5NjkwNzIxNjQ5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNTc1MjU3NzMxOTU4NzYyOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjU4ODI1NzczMTk1ODc2MjkiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC41OTUyNTc3MzE5NTg3NjI5Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjA3MjU3NzMxOTU4NzYyOSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYwNzIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MjAyMTY0OTQ4NDUzNjA4Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjI3MjE2NDk0ODQ1MzYwOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjYzOTIxNjQ5NDg0NTM2MDgiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42MzkxNzUyNTc3MzE5NTg3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjUyMTc1MjU3NzMxOTU4NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY1OTE3NTI1NzczMTk1ODciLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NzExNzUyNTc3MzE5NTg2Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNjcxMTM0MDIwNjE4NTU2NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjY4NDEzNDAyMDYxODU1NjciLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42OTExMzQwMjA2MTg1NTY3Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzAzMTM0MDIwNjE4NTU2NyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjcwMzA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MTYwOTI3ODM1MDUxNTQ1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzIzMDkyNzgzNTA1MTU0NiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjczNTA5Mjc4MzUwNTE1NDYiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43MzUwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzQ4MDUxNTQ2MzkxNzUyNCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc1NTA1MTU0NjM5MTc1MjQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43NjcwNTE1NDYzOTE3NTI0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzY3MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc4MDAxMDMwOTI3ODM1MDUiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC43ODcwMTAzMDkyNzgzNTA1Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNzk5MDEwMzA5Mjc4MzUwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjc5ODk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MTE5NjkwNzIxNjQ5NDg0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODE4OTY5MDcyMTY0OTQ4NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjgzMDk2OTA3MjE2NDk0ODQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44MzA5Mjc4MzUwNTE1NDYzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODQzOTI3ODM1MDUxNTQ2MiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg1MDkyNzgzNTA1MTU0NjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZTJlMmUyIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44NjI5Mjc4MzUwNTE1NDY0Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODYyODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg3NTg4NjU5NzkzODE0NDMiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC44ODI4ODY1OTc5MzgxNDQzIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuODk0ODg2NTk3OTM4MTQ0NCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjg5NDg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MDc4NDUzNjA4MjQ3NDIyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTE0ODQ1MzYwODI0NzQyMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjkyNjg0NTM2MDgyNDc0MjIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45MjY4MDQxMjM3MTEzNDAxIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTM5ODA0MTIzNzExMzQiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC45NDY4MDQxMjM3MTEzNDAyIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuOTU4ODA0MTIzNzExMzQwMiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk1ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3MTc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk3ODc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDc2Mjg4NjU5NzkzOCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjk5MDcyMTY0OTQ4NDUzNiIvPjxzdG9wIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==); background-image: -webkit-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%); background-image: repeating-linear-gradient(to right, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%);
background-image: -ms-repeating-linear-gradient(left, white 0%, #ebebeb 1.3%, white 2%, #e2e2e2 3.2%); }
@media \0screen\,screen\9 {
.book-images .book__page--side-paper {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffe2e2e2",GradientType=1); } }
.rtl .book-images .book__page--side-paper {
left: 0; }
.book-images .book__page--front {
background-color: #333;
transform: rotateY(-2deg); }
.rtl .book-images .book__page--front {
-ms-transform-origin: 100%;
transform-origin: 100%;
transform: rotateY(2deg); }
.book-images .book__page--front:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1) 10px, rgba(0, 0, 0, 0.1) 15px, transparent, 16px, transparent); }
.rtl .book-images .book__page--front:after {
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.book-images .book__page--back {
background: url(//delo.ranepa.ru/wp-content/themes/pustaka/assets/img/pattern.png) !important;
transform: translateZ(-50px) rotateY(180deg);
-ms-transform-origin: center;
transform-origin: center;
box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%; }
.book-images .book__page--back:after {
content: " ";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.5) 15px, transparent, 16px, transparent); }
.rtl .book-images .book__page--back:after {
-ms-transform: rotate(-180deg);
transform: rotate(-180deg); }
.book-images .book__page--first-page, .book-images .book__page--second-page {
width: 100%;
height: 100%;
background-color: white; }
.book-images .book__page--first-page {
transform: rotateY(-1deg);
background-image: linear-gradient(75deg, #aaa, #ccc); }
.rtl .book-images .book__page--first-page {
-ms-transform-origin: 100% 0;
transform-origin: 100% 0; }
.book-images .book__page--second-page {
background-color: #fafafa;
background-image: linear-gradient(45deg, #f3f3f3, #fafafa); }
.no-preserve3d .book-images .book__page--back, .no-preserve3d .book-images .book__page--first-page, .no-preserve3d .book-images .book__page--side, .no-preserve3d .book-images .book__page--side-paper, .no-preserve3d .book-images .book__page--second-page {
display: none; }
.book-images .book__action {
text-align: center;
padding-top: 50px; }
.no-preserve3d .book-images .book__action .see-back {
display: none; }
.book-images .book__action button, .book-images .book__action .see-inside {
background-color: transparent;
border: none;
font-size: inherit;
padding: 5px 15px;
color: #999999;
border: 2px solid #BDBDBD;
border-radius: 50px;
font-size: 15px;
cursor: pointer;
line-height: 1;
display: inline-block;
margin: 0 5px; }
.book-images .book__action button [class*="ico"], .book-images .book__action .see-inside [class*="ico"] {
margin-right: 10px;
vertical-align: middle;
color: #DB1037;
line-height: 1;
font-size: 13px;
width: 13px;
height: 13px;
display: inline-block; }
.book-images .book__action button [class*="ico"]:before, .book-images .book__action .see-inside [class*="ico"]:before {
line-height: 1; }
.movie-images {
text-align: center; }
.movie-images .see-gallery {
border: 2px solid #DB1037;
border-radius: 40px;
padding: 3px 20px;
display: inline-block;
transition: .3s ease; }
.movie-case {
width: 300px;
margin: 0 auto 30px;
position: relative;
transform-style: preserve-3d;
perspective: 1000px;
pointer-events: none;
max-width: 100%; }
@media screen and (max-width: 480px) {
.movie-case {
overflow: hidden; } }
@media screen and (min-width: 481px) {
.movie-case.is-open .front-cover {
transform: rotateY(-45deg); }
.rtl .movie-case.is-open .front-cover {
transform: rotateY(45deg); }
.movie-case.is-open .disc {
-ms-transform: translateX(100px) rotate(15deg);
transform: translateX(100px) rotate(15deg); }
.rtl .movie-case.is-open .disc {
-ms-transform: translateX(-100px) rotate(-15deg);
transform: translateX(-100px) rotate(-15deg); }
.movie-case.is-open .back-cover {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); } }
.movie-case .cover-placeholder {
visibility: hidden;
display: block; }
.movie-case .front-cover, .movie-case .back-cover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transform-style: preserve-3d; }
.movie-case .front-cover {
-ms-transform-origin: 0;
transform-origin: 0;
transition: 0.4s cubic-bezier(0.71, 0.02, 0.25, 1);
z-index: 3; }
.rtl .movie-case .front-cover {
-ms-transform-origin: 100% 0;
transform-origin: 100% 0; }
.movie-case .front-cover:before {
content: " ";
width: 15px;
height: 100%;
position: absolute;
background-color: #444;
background-image: linear-gradient(90deg, #333, #444, #444 50%, #111, 51%, #111 52%, #333 53%, #333);
left: 100%;
-ms-transform-origin: 0;
transform-origin: 0;
transform: rotateY(90deg); }
.rtl .movie-case .front-cover:before {
left: 0; }
.no-preserve3d .movie-case .front-cover:before {
display: none; }
.movie-case .back-cover {
background-color: #222;
background-image: linear-gradient(45deg, #111, #555);
border: 2px solid #222;
border-radius: 3px;
transition: .3s ease;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transform: translateZ(-4px); }
.no-preserve3d .movie-case .back-cover {
display: none; }
.movie-case .disc {
width: 280px;
height: 280px;
top: 0;
bottom: 0;
margin: auto;
z-index: 2;
border-radius: 50%;
background-color: white;
position: absolute;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
border: 4px solid #aaa;
transition: 0.3s cubic-bezier(0.71, 0.02, 0.25, 1);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
@media screen and (max-width: 480px) {
.movie-case .disc {
width: 200px;
height: 200px; } }
.no-preserve3d .movie-case .disc {
display: none; }
.movie-case .disc:before {
content: " ";
width: 50px;
height: 50px;
border: 4px solid #aaa;
background-color: #222;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
border-radius: 50%;
margin: auto; }
.movie-case img {
display: block;
height: auto;
margin: 0 auto; }
.music-cover-wrap {
text-align: center; }
.music-cover-wrap .music-cover {
width: 450px;
max-width: 100%;
position: relative;
margin: 0 auto 30px; }
.music-cover-wrap .music-cover .cover-placeholder {
visibility: hidden;
height: auto;
display: block;
width: 300px;
max-width: 100%; }
.music-cover-wrap .music-cover.is-playing .disc {
animation: rotatingDisc 3s linear infinite; }
.music-cover-wrap .music-cover.is-playing .play i:before {
content: "\e019"; }
.music-cover-wrap .music-cover .front-cover, .music-cover-wrap .music-cover .disc {
position: absolute;
left: 0;
top: 0; }
.music-cover-wrap .music-cover .front-cover {
width: 300px;
max-width: 100%;
z-index: 1;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3); }
.rtl .music-cover-wrap .music-cover .front-cover {
left: auto;
right: 0; }
.music-cover-wrap .music-cover .front-cover img {
width: 100%;
height: auto;
display: block; }
.music-cover-wrap .music-cover .disc {
right: 0;
top: 0;
bottom: 0;
margin: auto;
display: block;
left: auto;
height: 95%; }
.rtl .music-cover-wrap .music-cover .disc {
left: 0;
right: auto; }
.music-cover-wrap .music-cover .play {
position: absolute;
width: 64px;
height: 64px;
text-align: center;
padding: 0;
font-size: 38px;
line-height: .8;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: white;
background-image: linear-gradient(15deg, #efefef, white);
border-radius: 50%;
border: 2px solid white;
color: #444;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), 0 0 70px 20px rgba(0, 0, 0, 0.3); }
.product-overview .product-overview__summary .wp-playlist {
margin-top: 30px; }
.product-overview .wp-playlist {
text-align: left;
background-color: transparent;
border: none;
padding: 0; }
.product-overview .wp-playlist-current-item {
display: none; }
.product-overview .wp-playlist .mejs-container {
width: 100%; }
.product-overview .wp-playlist-item {
padding: 10px;
transition: .3s ease;
overflow: hidden; }
.product-overview .wp-playlist-item:before {
content: "\e01a";
font-family: "dripicons-v2";
font-size: 24px;
display: block;
width: 36px;
height: 36px;
color: white;
text-align: center;
position: absolute;
left: 10px;
border-radius: 50%;
background-color: #DB1037;
background-image: linear-gradient(25deg, #DB1037, #CD40E6);
-ms-transform: translateX(-50px) rotate(-270deg);
transform: translateX(-50px) rotate(-270deg);
transition: .3s ease-in; }
.product-overview .wp-playlist-item.wp-playlist-playing, .product-overview .wp-playlist-item:hover {
padding-left: 70px;
background-color: transparent; }
.product-overview .wp-playlist-item.wp-playlist-playing:before, .product-overview .wp-playlist-item:hover:before {
-ms-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg); }
.product-overview .wp-playlist-item .wp-playlist-caption {
color: transparent;
text-indent: -999px;
line-height: 0; }
.product-overview .wp-playlist-item-title, .product-overview .wp-playlist-item-artist {
text-indent: 0;
line-height: normal; }
.product-overview .wp-playlist-item-title {
font-size: 18px;
color: #333;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.product-overview .wp-playlist-item-artist {
display: block;
color: #999999; }
.product-overview .wp-playlist-item-length {
top: 10px;
right: 10px; }
@keyframes rotate3d {
0% {
transform: rotateY(0deg); }
50% {
transform: rotateY(-30deg); }
70% {
transform: rotateY(360deg); }
100% {
transform: rotateY(0); } }
@keyframes rotatingDisc {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
.product__detail-nav {
background-color: white;
text-align: center; }
.product__detail-nav ul {
list-style: none;
margin: 0;
padding-left: 0; }
.product__detail-nav li {
display: inline-block; }
.product__detail-nav li.active a,
.product__detail-nav li:hover a {
color: #DB1037;
border-color: #DB1037; }
.product__detail-nav a {
display: block;
padding: 20px 40px;
border-bottom: 2px solid transparent; }
.product__detail-content {
padding: 50px 0 100px; }
.product__detail-content:after {
content: " ";
clear: both;
display: block; }
.product__detail-content .woocommerce-Tabs-panel {
display: none; }
.product__detail-content .woocommerce-Tabs-panel .shop_attributes {
box-shadow: none;
margin: 0 auto; }
@media screen and (min-width: 991px) {
.product__detail-content .woocommerce-Tabs-panel .shop_attributes {
width: 60%; } }
.product__detail-content .woocommerce-Tabs-panel .shop_attributes tbody {
background: transparent; }
.product__detail-content .woocommerce-Tabs-panel .shop_attributes tbody tr {
background: none !important;
border-bottom: 1px solid #e3e3e3; }
.product__detail-content .woocommerce-Tabs-panel .shop_attributes tbody th, .product__detail-content .woocommerce-Tabs-panel .shop_attributes tbody td {
text-align: left; }
.product.product-category a {
display: block;
position: relative; }
.product.product-category img {
width: 100%;
height: auto; }
.product.product-category h3 {
position: absolute;
width: 100%;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-weight: 400;
margin: 0;
font-size: 18px;
font-size: 1.125em; }
.product.product-category .count {
background: #DB1037;
color: white;
font-size: 12px;
border-radius: 40px;
position: relative;
top: -10px;
padding: 2px 10px;
font-weight: 700; }
.single-book-author {
padding: 100px 0; }
.author-area {
text-align: center; }
@media screen and (max-width: 990px) {
.author-area.is_stuck {
position: static !important;
width: auto !important; }
.author-area.is_stuck + div {
display: none !important; } }
.author-area .author-bio {
padding: 30px; }
.author-area .author-bio__image {
width: 150px;
height: 150px;
margin: 0 auto 30px;
border-radius: 50%;
overflow: hidden;
background-color: white;
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3); }
.author-area .author-bio__image img {
width: 150px;
height: 150px;
object-fit: cover;
display: block; }
.author-area .author-name {
font-family: "Playfair Display";
font-size: 36px;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 5px; }
.author-area .author-birthday {
font-style: italic;
color: #999999;
display: block;
margin-bottom: 30px; }
.author-area .author-socials a {
padding: 10px;
display: inline-block; }
.browse-author-by-alphabet.filterable-nav {
text-align: center;
padding: 50px 0; }
.browse-author-by-alphabet.filterable-nav a {
display: inline-block;
padding: 3px 10px;
color: #999999;
border-radius: 3px;
line-height: 1; }
.browse-author-by-alphabet.filterable-nav a.current {
color: white;
background: linear-gradient(40deg, #DB1037, #CD40E6); }
.browse-author-by-alphabet.filterable-nav .filter-separator {
height: 30px;
width: 1px;
background-color: #bdbdbd;
margin: 0 10px;
display: inline-block;
vertical-align: middle; }
.tokoo-look-inside {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
display: none; }
.tokoo-look-inside .overlay {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1 !important; }
.tokoo-look-inside .look-inside-box {
background-color: white;
position: fixed;
left: 50px;
top: 50px;
right: 50px;
bottom: 50px;
margin: auto;
position: absolute;
padding-top: 50px;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.6);
z-index: 2; }
.tokoo-look-inside .look-inside-box .look-inside-book-title {
width: 100%;
height: 50px;
position: absolute;
top: 0;
left: 0;
padding: 10px 20px;
border-bottom: 1px solid #e3e3e3; }
.tokoo-look-inside .look-inside-box .look-inside-book-title h2 {
font-size: 16px;
font-size: 1em;
margin: 0;
font-weight: 400; }
.tokoo-look-inside .look-inside-box .look-inside-book-title h2 span {
color: #aaa;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
margin-right: 10px; }
.tokoo-look-inside .look-inside-box .look-inside-book-title button {
position: absolute;
top: 0;
bottom: 0;
right: 10px;
border: none;
background-color: transparent;
padding: 10px;
font-size: 24px;
font-size: 1.5em; }
.tokoo-look-inside .look-inside-box.tab-detail-active .look-inside-book-detail {
-ms-transform: translateX(0);
transform: translateX(0); }
.tokoo-look-inside .look-inside-box.tab-detail-active .toggle-detail-tab i {
-ms-transform: rotate(0);
transform: rotate(0); }
@media screen and (min-width: 1201px) {
.tokoo-look-inside .look-inside-box.tab-detail-active .book-preview-pages {
left: 300px; } }
.tokoo-look-inside .look-inside-box.tab-related-active .look-inside-book-related {
-ms-transform: translateX(0);
transform: translateX(0); }
.tokoo-look-inside .look-inside-box.tab-related-active .toggle-related-tab i {
-ms-transform: rotate(0);
transform: rotate(0); }
@media screen and (min-width: 1201px) {
.tokoo-look-inside .look-inside-box.tab-related-active .book-preview-pages {
right: 300px; } }
.tokoo-look-inside .look-inside-box .look-inside-book-detail, .tokoo-look-inside .look-inside-box .look-inside-book-related {
width: 300px;
position: absolute;
top: 50px;
bottom: 0;
z-index: 3;
transition: .3s ease;
background-color: white; }
@media screen and (max-width: 640px) {
.tokoo-look-inside .look-inside-box .look-inside-book-detail, .tokoo-look-inside .look-inside-box .look-inside-book-related {
display: none; } }
.tokoo-look-inside .look-inside-box .look-inside-book-detail:before, .tokoo-look-inside .look-inside-box .look-inside-book-related:before {
content: " ";
width: 5px;
position: absolute;
height: 100%;
background-color: #f0f0f0; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .tab-content, .tokoo-look-inside .look-inside-box .look-inside-book-related .tab-content {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
overflow: auto; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .section__title, .tokoo-look-inside .look-inside-box .look-inside-book-related .section__title {
text-transform: uppercase;
margin: 0 0 10px;
font-weight: 700;
letter-spacing: 1px;
padding: 10px 20px;
border-bottom: 1px solid #e3e3e3;
font-size: 16px;
font-size: 1em; }
.tokoo-look-inside .look-inside-box .toggle-detail-tab,
.tokoo-look-inside .look-inside-box .toggle-related-tab {
width: 30px;
height: 40px;
line-height: 30px;
font-size: 18px;
padding: 5px 0;
position: absolute;
background-color: #f0f0f0;
border: 1px solid #f0f0f0;
color: #888; }
.tokoo-look-inside .look-inside-box .toggle-detail-tab i,
.tokoo-look-inside .look-inside-box .toggle-related-tab i {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
display: inline-block;
line-height: 1;
position: relative;
transition: .3s ease; }
.tokoo-look-inside .look-inside-box .look-inside-book-related {
padding: 0;
right: 0;
-ms-transform: translateX(100%);
transform: translateX(100%); }
.tokoo-look-inside .look-inside-box .look-inside-book-related:before {
right: 100%; }
.tokoo-look-inside .look-inside-box .look-inside-book-related .toggle-related-tab {
right: 100%; }
.tokoo-look-inside .look-inside-box .look-inside-book-related .product_list_widget {
border-bottom: 1px solid #e3e3e3;
padding: 10px 20px;
margin: 0; }
.tokoo-look-inside .look-inside-box .look-inside-book-related .product_list_widget img {
width: 50px; }
.tokoo-look-inside .look-inside-box .look-inside-book-related .product_list_widget a {
font-weight: 700; }
.tokoo-look-inside .look-inside-box .look-inside-book-related .product_list_widget .woocommerce-Price-amount.amount {
font-size: 14px;
font-size: 0.875em;
margin-top: 5px; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail {
left: 0;
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
@media screen and (min-height: 801px) {
.tokoo-look-inside .look-inside-box .look-inside-book-detail .tab-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.tokoo-look-inside .look-inside-box .look-inside-book-detail:before {
left: 100%; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .toggle-detail-tab {
left: 100%; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e3e3e3;
padding: 20px; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-item .book-image {
width: 80px; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-item .book-image img {
border: 1px solid rgba(0, 0, 0, 0.1);
height: auto;
display: block; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-item .book-detail {
padding-left: 20px; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-item .book-detail h2 {
margin: 0;
font-size: 16px;
font-size: 1em; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-item .book-detail > span {
color: #999999;
font-family: "Playfair Display";
font-style: italic;
font-size: 14px;
font-size: 0.875em; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-item .book-detail .woocommerce-review-link {
font-size: 12px;
font-size: 0.75em; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-meta {
padding: 20px;
border-bottom: 1px solid #e3e3e3; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .shop_attributes {
background-color: transparent;
box-shadow: none;
font-size: 13px;
font-size: 0.8125em; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .shop_attributes th, .tokoo-look-inside .look-inside-box .look-inside-book-detail .shop_attributes td, .tokoo-look-inside .look-inside-box .look-inside-book-detail .shop_attributes tr {
background-color: transparent;
text-align: left; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .shop_attributes th p, .tokoo-look-inside .look-inside-box .look-inside-book-detail .shop_attributes td p, .tokoo-look-inside .look-inside-box .look-inside-book-detail .shop_attributes tr p {
margin: 0; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .shop_attributes th {
color: #2B2B2B; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-review {
-ms-flex: 1;
flex: 1;
overflow: auto;
padding: 20px; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-review .comment {
border: 1px solid #e3e3e3;
padding: 10px 10px 30px;
position: relative;
margin-bottom: 50px;
text-align: center; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-review .meta {
margin: 0; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-review .description p {
margin-top: 0; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-review .avatar {
width: 48px;
height: 48px;
display: block;
margin: 0 auto;
border-radius: 50%;
margin-top: -30px;
text-align: center;
margin-bottom: 0;
border: 5px solid white; }
.tokoo-look-inside .look-inside-box .look-inside-book-detail .book-review .star-rating {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
margin: auto;
text-align: left; }
.tokoo-look-inside .look-inside-box .book-preview-pages {
background-color: #fafafa;
position: absolute;
top: 50px;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
transition: .3s ease; }
@media screen and (max-width: 640px) {
.tokoo-look-inside .look-inside-box .book-preview-pages {
left: 0 !important;
left: 0 !important; } }
.tokoo-look-inside .look-inside-box .book-preview-pages:before, .tokoo-look-inside .look-inside-box .book-preview-pages:after {
content: " ";
width: 100%;
height: 60px;
position: absolute;
left: 0;
z-index: 1; }
.tokoo-look-inside .look-inside-box .book-preview-pages:before {
top: 0;
background-image: linear-gradient(#fafafa, rgba(255, 255, 255, 0)); }
.tokoo-look-inside .look-inside-box .book-preview-pages:after {
bottom: 0;
background-image: linear-gradient(rgba(255, 255, 255, 0), #fafafa); }
.tokoo-look-inside .look-inside-box .book-preview-pages .book-preview-tools {
position: absolute;
bottom: 20px;
right: 20px;
z-index: 3; }
.tokoo-look-inside .look-inside-box .book-preview-pages .book-preview-tools button {
width: 48px;
height: 48px;
border: none;
color: #666;
background-color: transparent;
font-size: 24px;
margin: 0 5px;
padding-top: 5px;
background-color: white;
background: linear-gradient(white, #fefefe);
border-radius: 50%;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); }
.tokoo-look-inside .look-inside-box .book-preview-pages .book-preview-tools button:active {
box-shadow: 0 0 3px #6666ff; }
.tokoo-look-inside .look-inside-box .book-preview-pages img {
display: block;
text-align: center;
margin: 20px auto;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.3);
max-width: 100%; }
.tokoo-look-inside .look-inside-box .book-preview-pages .book-pages-wrap {
overflow: auto;
max-height: 100%;
padding: 50px 20px;
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%; }
.tokoo-look-inside .look-inside-box .book-preview-pages .book-pages {
width: 600px;
max-width: 100%;
margin: 0 auto;
transition: .3s ease; }
.tokoo-look-inside .look-inside-box .book-preview-pages .book-pages img {
width: 100%;
height: auto; }
.deal-end-soon {
padding: 50px 0; }
.deal-end-soon:after {
content: " ";
clear: both;
display: block; }
.deal-end-soon .product-overview__image img {
display: block;
margin: 0 auto; }
.deal-end-soon .price {
margin: 20px 0; }
.deal-end-soon .price .sale-price {
font-size: 36px;
font-size: 2.25em;
color: #DB1037;
font-weight: 700; }
.deal-end-soon .price .regular-price {
font-size: 14px;
font-size: 0.875em;
color: #999999; }
.deal-end-soon .price .regular-price del {
-webkit-text-decoration-color: #DB1037;
text-decoration-color: #DB1037; }
.deal-end-soon .price .regular-price .amount {
color: #DB1037; }
.deal-end-soon .product-deals-info {
background-color: white;
display: table;
border: 1px solid #e0e0e0;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-bottom: 20px; }
.deal-end-soon .product-deals-info:after {
content: " ";
clear: both;
display: block; }
.deal-end-soon .product-deals-info .deal-countdown, .deal-end-soon .product-deals-info .deal-saving {
float: left; }
.deal-end-soon .product-deals-info .label {
font-size: 13px;
font-size: 0.8125em;
color: #a6a6a6; }
.deal-end-soon .product-deals-info .deal-countdown {
padding: 10px 20px;
border-right: 1px solid #e0e0e0; }
@media screen and (max-width: 1200px) {
.deal-end-soon .product-deals-info .deal-countdown {
width: 100%;
border-right: none;
border-bottom: 1px solid #e3e3e3;
text-align: center; } }
.deal-end-soon .product-deals-info .deal-countdown .timer {
font-weight: 700;
font-size: 18px;
font-size: 1.125em;
display: inline-block;
margin-right: 5px;
color: #2B2B2B; }
.deal-end-soon .product-deals-info .deal-countdown .count-num {
display: inline-block;
margin-right: 10px; }
.deal-end-soon .product-deals-info .deal-saving {
display: table; }
@media screen and (max-width: 1200px) {
.deal-end-soon .product-deals-info .deal-saving {
width: 100%;
table-layout: fixed; } }
.deal-end-soon .product-deals-info .deal-saving .saving {
display: table-cell;
padding: 10px 20px;
text-align: center; }
.deal-end-soon .product-deals-info .deal-saving .saving:not(:last-child) {
border-right: 1px solid #e0e0e0; }
.deal-end-soon .product-deals-info .deal-saving .saving > span {
display: block; }
.deal-end-soon .product-deals-info .deal-saving .saving > span.value {
font-weight: 700;
font-size: 18px;
font-size: 1.125em;
color: #2B2B2B; }
.deal-countdown {
padding-top: 10px; }
.deal-countdown .timer {
font-weight: 700;
font-size: 16px;
font-size: 1em;
display: inline-block;
margin-right: 2px;
color: #2B2B2B;
display: inline-block; }
.deal-countdown .label {
font-size: 14px;
font-size: 0.875em;
text-transform: capitalize; }
.deal-countdown .count-num {
display: inline-block;
margin-right: 3px; }
.deal-tab-grid .deal-tab-nav {
list-style: none;
text-align: center;
padding-left: 0;
margin: 50px 0; }
.deal-tab-grid .deal-tab-nav li {
display: inline-block; }
.deal-tab-grid .deal-tab-nav li.active a {
border-color: #DB1037;
color: #DB1037; }
.deal-tab-grid .deal-tab-nav a {
border-radius: 40px;
display: block;
padding: 10px 20px;
border: 3px solid transparent;
transition: .3s ease; }
.deal-tab-grid .deal-tab-content:after {
content: " ";
clear: both;
display: block; }
.deal-tab-grid .deal-tab-pane {
display: none; }
.deal-tab-grid .deal-tab-pane.active {
display: block; }
.deal-tab-grid .all-deals {
padding: 50px 0;
text-align: center; }
.intrinsic-ratio {
position: relative;
display: block;
background-color: #c3c3c3; }
.intrinsic-ratio img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: .5s ease-out; }
.intrinsic-ratio img.lazy-loaded {
opacity: 1; }
.woocommerce-product-gallery {
position: relative;
padding-right: 0; }
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
max-width: none; }
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper:after {
content: " ";
clear: both;
display: block; }
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper a, .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img {
display: block; }
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper img {
height: auto; }
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 3px;
right: 15px;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
z-index: 99;
text-align: center; }
.woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
display: none !important; }
.woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
content: "\f00e";
line-height: 2;
text-indent: 0; }
.woocommerce-product-gallery .flex-control-thumbs {
padding: 0;
margin-top: 15px;
margin-left: -15px;
margin-right: -15px; }
.woocommerce-product-gallery .flex-control-thumbs:after {
content: " ";
clear: both;
display: block; }
.woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left;
padding: 15px; }
.woocommerce-product-gallery .flex-control-thumbs li img {
opacity: .5;
display: block;
max-width: 100%;
transition: all,ease,.2s; }
.woocommerce-product-gallery .flex-control-thumbs li .flex-active, .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1; }
.woocommerce-product-gallery .flex-control-thumbs:after, .woocommerce-product-gallery .flex-control-thumbs:before {
content: "";
display: table; }
.woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 50%; }
.woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
clear: both; }
.woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 33.3333%; }
.woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both; }
.woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 25%; }
.woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both; } .woocommerce:after {
content: " ";
clear: both;
display: block; }
.star-rating {
display: inline-block;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: themify; }
.star-rating:before {
content: "\e60a\e60a\e60a\e60a\e60a";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute;
color: #999999; }
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em; }
.star-rating span:before {
content: "\e60a\e60a\e60a\e60a\e60a";
top: 0;
position: absolute;
left: 0;
color: #CD40E6; }
p.stars {
position: relative;
font-size: 1em; }
p.stars a {
display: inline-block;
font-weight: 700;
margin-right: 1em;
text-indent: -9999px;
position: relative;
border-bottom: 0 !important;
outline: 0; }
p.stars a:last-child {
border-right: 0; }
p.stars a.star-1, p.stars a.star-2, p.stars a.star-3, p.stars a.star-4, p.stars a.star-5 {
border-right: 1px solid #ccc; }
p.stars a.star-1.active:after, p.stars a.star-2.active:after, p.stars a.star-3.active:after, p.stars a.star-4.active:after, p.stars a.star-5.active:after {
color: #CD40E6; }
p.stars a.star-1:after, p.stars a.star-2:after, p.stars a.star-3:after, p.stars a.star-4:after, p.stars a.star-5:after {
font-family: "themify";
text-indent: 0;
position: absolute;
top: 0;
left: 0;
color: #999999; }
p.stars a.star-1 {
width: 2em; }
p.stars a.star-1:after {
content: "\e60a"; }
p.stars a.star-1.active:after, p.stars a.star-1:hover:after {
content: "\e60a"; }
p.stars a.star-2 {
width: 3em; }
p.stars a.star-2:after {
content: "\e60a\e60a"; }
p.stars a.star-2.active:after, p.stars a.star-2:hover:after {
content: "\e60a\e60a"; }
p.stars a.star-3 {
width: 4em; }
p.stars a.star-3:after {
content: "\e60a\e60a\e60a"; }
p.stars a.star-3.active:after, p.stars a.star-3:hover:after {
content: "\e60a\e60a\e60a"; }
p.stars a.star-4 {
width: 5em; }
p.stars a.star-4:after {
content: "\e60a\e60a\e60a\e60a"; }
p.stars a.star-4.active:after, p.stars a.star-4:hover:after {
content: "\e60a\e60a\e60a\e60a"; }
p.stars a.star-5 {
width: 6em;
border: 0; }
p.stars a.star-5:after {
content: "\e60a\e60a\e60a\e60a\e60a"; }
p.stars a.star-5.active:after, p.stars a.star-5:hover:after {
content: "\e60a\e60a\e60a\e60a\e60a"; }
.product-sorting {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 30px 0; }
.product-sorting.no-flexbox .product-sorting {
margin-bottom: 50px; }
.product-sorting.no-flexbox .product-sorting:after {
content: " ";
clear: both;
display: block; }
.no-flexbox .product-sorting .woocommerce-ordering {
float: right; }
@media screen and (max-width: 480px) {
.product-sorting .woocommerce-ordering select {
width: 200px; } }
.no-flexbox .product-layout-view {
float: left; }
.product-layout-view a {
display: inline-block;
padding: 10px;
font-size: 24px;
border: 3px solid #BDBDBD;
line-height: .5;
margin-right: 10px;
border-radius: 10px; }
.product-layout-view a:hover, .product-layout-view a.active {
color: #CD40E6;
border-color: inherit; }
.woocommerce-pagination {
padding: 50px 0; }
.woocommerce-pagination ul.page-numbers {
list-style: none;
padding: 0;
display: block; }
.woocommerce-pagination ul.page-numbers li {
display: inline-block; }
.woocommerce-pagination ul.page-numbers .page-numbers {
padding: 13px 15px 10px;
margin-right: 10px;
display: block;
background-color: white;
line-height: 1;
box-shadow: 0 2px 10px rgba(192, 221, 238, 0.7);
font-weight: 700; }
.woocommerce-pagination ul.page-numbers .page-numbers.current {
background-color: #CD40E6;
color: white; }
.woocommerce-pagination ul.page-numbers .page-numbers.dots {
color: #999999; }
.woocommerce-Reviews {
margin: 0 -15px;
display: -ms-flexbox;
display: flex; }
.woocommerce-Reviews:after {
content: " ";
clear: both;
display: block; }
.woocommerce-Reviews > div {
width: 50%;
float: left;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 15px; }
@media screen and (max-width: 990px) {
.woocommerce-Reviews > div {
width: 100%;
float: none; } }
.woocommerce-Reviews .clear {
display: none; }
@media screen and (min-width: 991px) {
.woocommerce-Reviews > div:first-child {
padding-right: 30px;
border-right: 1px dashed #e0e0e0; }
.woocommerce-Reviews > div:first-child + div {
padding-left: 30px; } }
.woocommerce-Reviews .woocommerce-Reviews-title,
.woocommerce-Reviews .comment-reply-title {
font-size: 1.5em;
margin: 0 0 30px; }
.woocommerce-Reviews .comment-respond {
margin-top: 0; }
.woocommerce-Reviews .comment {
min-height: 80px;
margin-bottom: 30px; }
.woocommerce-Reviews .comment_container {
padding-left: 80px;
position: relative; }
.woocommerce-Reviews .comment .avatar {
position: absolute;
left: 0;
border-radius: 50%; }
@media screen and (min-width: 640px) {
.woocommerce-Reviews .comment .star-rating {
position: absolute;
right: 0;
top: 0; } }
.woocommerce-Reviews .comment-form-author, .woocommerce-Reviews .comment-form-email {
width: 50%; }
.col2-set {
width: 100%;
clear: both; }
.col2-set:after {
content: "";
display: block;
clear: both; }
.col2-set .col-1 {
float: left;
width: 50%;
padding-right: 15px; }
.col2-set .col-2 {
float: right;
width: 50%;
padding-left: 15px; }
@media screen and (max-width: 990px) {
.col2-set .col-1, .col2-set .col-2 {
width: 100%;
padding: 0;
float: none; } }
form .form-row {
padding: 3px;
margin: 0 0 15px; }
form .form-row:after {
content: "";
display: block;
clear: both; }
form .form-row label {
display: block;
margin-bottom: 10px; }
form .form-row label.hidden {
visibility: hidden; }
form .form-row select {
width: 100%;
cursor: pointer;
margin: 0; }
form .form-row .required {
color: red;
font-weight: bold;
border: 0; }
form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle; }
form .form-row .inline {
display: inline-block;
margin-left: 30px; }
form .form-row label.checkbox {
display: inline; }
form .form-row input.input-text, form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: 1em; }
form .form-row textarea {
height: 3.5em;
line-height: 1.5em;
display: block;
box-shadow: none; }
form .form-row.woocommerce-validated input.input-text {
background-image: url(//delo.ranepa.ru/wp-content/themes/pustaka/assets/css/images/icons/valid.png);
background-position: 95% center;
background-repeat: no-repeat; }
form .form-row.woocommerce-invalid input.input-text {
background-image: url(//delo.ranepa.ru/wp-content/themes/pustaka/assets/css/images/icons/invalid.png);
background-position: 95% center;
background-repeat: no-repeat; }
form .form-row.woocommerce-invalid .chzn-single, form .form-row.woocommerce-invalid .chzn-drop, form .form-row.woocommerce-invalid input.input-text, form .form-row.woocommerce-invalid select {
border-color: #fb7f88; }
form .form-row ::-webkit-input-placeholder {
line-height: 1em;
padding-top: 2px; }
form .form-row :-moz-placeholder {
line-height: 1em;
padding-top: 2px; }
form .form-row :-ms-input-placeholder {
line-height: 1em;
padding-top: 2px; }
form .form-row-first, form .form-row-last {
float: left;
width: 50%;
overflow: visible; }
@media screen and (max-width: 758px) {
form .form-row-first, form .form-row-last {
width: 100%;
float: none;
padding-left: 0 !important; } }
form .form-row-last {
float: right;
padding-left: 30px; }
form .form-row-wide {
clear: both; }
form .select2-container .select2-choice {
border-radius: 20px;
padding: 5px 20px;
background-color: transparent;
border-width: 3px !important;
border-color: #BDBDBD; }
form .select2-dropdown-open .select2-choice {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-drop-active {
border: 3px solid #bdbdbd;
border-top: none;
padding-top: 10px; }
dl.variation {
margin: 0; }
dl.variation:after {
content: " ";
clear: both;
display: block; }
dl.variation dt, dl.variation dd {
float: left;
margin: 0; }
dl.variation dt {
clear: both;
margin-right: 10px;
text-transform: capitalize; }
dl.variation p {
margin: 0; }
.shop_table.cart {
margin-bottom: 30px; }
@media screen and (max-width: 768px) {
.shop_table.cart thead {
display: none; } }
.shop_table.cart thead th {
padding: 30px 10px; }
.shop_table.cart tbody th, .shop_table.cart tbody td {
padding: 15px 20px; }
.shop_table.cart .remove {
width: 16px;
height: 16px;
overflow: hidden;
text-indent: -9999px;
position: relative;
display: inline-block; }
.shop_table.cart .remove:before {
content: "\e053";
font-family: "dripicons-v2";
font-size: 16px;
width: 100%;
position: absolute;
text-indent: 0;
left: 0;
top: 0;
line-height: 1; }
.shop_table.cart .product-remove {
padding: 10px;
text-align: center;
width: 50px; }
@media screen and (max-width: 768px) {
.shop_table.cart .product-remove {
position: absolute;
right: 10px;
top: 10px; } }
.shop_table.cart .product-thumbnail {
text-align: center;
width: 100px; }
.shop_table.cart .product-thumbnail img {
width: 70px;
height: auto; }
@media screen and (max-width: 768px) {
.shop_table.cart .product-thumbnail img {
width: auto; } }
.shop_table.cart th.product-name {
text-align: left; }
.shop_table.cart .product-name {
text-align: left; }
.shop_table.cart .product-name a {
font-weight: 700; }
.shop_table.cart .product-price {
text-align: right; }
.shop_table.cart .product-quantity {
width: 100px; }
.shop_table.cart .product-quantity input {
max-width: 100px; }
.shop_table.cart .product-subtotal {
text-align: right;
padding-right: 20px; }
.shop_table.cart .actions .coupon {
float: left; }
@media screen and (max-width: 768px) {
.shop_table.cart .actions .coupon {
float: none;
margin-bottom: 10px; }
.shop_table.cart .actions .coupon input {
width: 100%;
margin-bottom: 10px; } }
.shop_table.cart .actions > .button, .shop_table.cart .comment-respond .form-submit .actions > input, .comment-respond .form-submit .shop_table.cart .actions > input, .shop_table.cart .actions > .dokan-btn-theme {
float: right; }
@media screen and (max-width: 768px) {
.shop_table.cart .actions > .button, .shop_table.cart .comment-respond .form-submit .actions > input, .comment-respond .form-submit .shop_table.cart .actions > input, .shop_table.cart .actions > .dokan-btn-theme {
float: none;
width: 100%; } }
.shop_table.cart .cart_item {
position: relative; }
@media screen and (max-width: 768px) {
.shop_table.cart .cart_item {
display: block;
padding: 20px 15px; } }
@media screen and (max-width: 768px) {
.shop_table.cart .cart_item td {
display: block;
padding: 5px 10px; } }
@media screen and (max-width: 768px) {
.shop_table.cart .cart_item [data-title] {
text-align: left;
width: 100%; }
.shop_table.cart .cart_item [data-title]:before {
content: attr(data-title);
width: 100px;
white-space: nowrap;
font-weight: 700;
display: inline-block;
vertical-align: middle; }
.shop_table.cart .cart_item [data-title] .quantity {
display: inline-block; } }
.cross-sells {
clear: both; }
.cart-collaterals {
width: 50%;
float: right;
padding-left: 30px;
margin-bottom: 100px; }
@media screen and (max-width: 768px) {
.cart-collaterals {
width: 100%;
float: none;
padding-left: 0; } }
.cart-collaterals .shop_table {
margin-bottom: 30px;
table-layout: fixed; }
.cart-collaterals .shop_table td {
padding: 20px;
text-align: right; }
#shipping_method {
list-style: none;
text-align: left;
margin: 0;
padding: 0; }
#shipping_method input[type="radio"] {
display: none; }
#shipping_method input[type="radio"]:checked + label:after {
-ms-transform: scale(1);
transform: scale(1); }
#shipping_method label {
display: block;
padding-left: 40px;
position: relative; }
#shipping_method label:before, #shipping_method label:after {
content: " ";
position: absolute;
left: 0;
top: 0; }
#shipping_method label:before {
width: 20px;
height: 20px;
border: 2px solid #DB1037;
border-radius: 50%;
top: 3px; }
.woocommerce-checkout-review-order-table #shipping_method label:before {
border-color: white; }
#shipping_method label:after {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #DB1037;
top: 7px;
left: 4px;
-ms-transform: scale(0);
transform: scale(0);
transition: .3s ease; }
.woocommerce-checkout-review-order-table #shipping_method label:after {
background-color: white; }
.woocommerce-info,
.woocommerce-message {
background-color: #15a3f9;
color: #01263d;
padding: 30px 30px 30px 80px;
position: relative;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
margin-bottom: 30px; }
.woocommerce-info:after,
.woocommerce-message:after {
content: " ";
clear: both;
display: block; }
.woocommerce-info .button, .woocommerce-info .comment-respond .form-submit input, .comment-respond .form-submit .woocommerce-info input, .woocommerce-info input[type="submit"].dokan-btn-theme, .woocommerce-info .dokan-btn-theme,
.woocommerce-message .button,
.woocommerce-message .comment-respond .form-submit input, .comment-respond .form-submit
.woocommerce-message input,
.woocommerce-message input[type="submit"].dokan-btn-theme,
.woocommerce-message .dokan-btn-theme {
float: right;
padding: 3px 20px;
margin: 0; }
@media screen and (max-width: 480px) {
.woocommerce-info,
.woocommerce-message {
padding: 15px;
text-align: center; }
.woocommerce-info span,
.woocommerce-message span {
display: block;
margin-bottom: 15px; }
.woocommerce-info .button, .woocommerce-info .comment-respond .form-submit input, .comment-respond .form-submit .woocommerce-info input, .woocommerce-info input[type="submit"].dokan-btn-theme, .woocommerce-info .dokan-btn-theme,
.woocommerce-message .button,
.woocommerce-message .comment-respond .form-submit input, .comment-respond .form-submit
.woocommerce-message input,
.woocommerce-message input[type="submit"].dokan-btn-theme,
.woocommerce-message .dokan-btn-theme {
color: white;
padding: 5px 20px;
float: none;
display: inline-block; } }
.woocommerce-info:before,
.woocommerce-message:before {
content: "\e61c";
font-family: "themify";
position: absolute;
left: 30px;
top: 30px;
font-size: 18px;
font-size: 1.125em;
color: rgba(255, 255, 255, 0.5); }
@media screen and (max-width: 480px) {
.woocommerce-info:before,
.woocommerce-message:before {
color: white;
position: relative;
left: 0;
right: 0;
top: 0;
display: block;
font-size: 32px;
text-align: center;
font-weight: 300; } }
.woocommerce-error {
background-color: #f6604c;
color: #01263d;
list-style: none;
padding: 30px 30px 30px 80px;
position: relative;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
margin-bottom: 30px; }
.woocommerce-error:before {
content: "\e646";
font-family: 'themify';
font-size: 18px;
font-size: 1.125em;
position: absolute;
left: 30px;
top: 30px;
color: rgba(255, 255, 255, 0.5); }
.woocommerce .login,
.woocommerce .register,
.woocommerce .checkout_coupon {
background-color: white;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
padding: 30px;
margin-bottom: 30px; }
.woocommerce .login:after,
.woocommerce .register:after,
.woocommerce .checkout_coupon:after {
content: " ";
clear: both;
display: block; }
.woocommerce .login .section-header,
.woocommerce .register .section-header,
.woocommerce .checkout_coupon .section-header {
margin-top: 0; }
.woocommerce-password-strength {
font-size: 14px;
font-size: 0.875em;
margin: 10px 0; }
.woocommerce-password-hint {
padding: 10px;
border-radius: 3px;
border: 1px solid #e3e3e3;
display: block; }
.woocommerce .woocommerce-checkout {
margin: 0 -15px; }
.woocommerce .woocommerce-checkout .col2-set {
width: 50%;
float: left;
padding: 0 15px; }
@media screen and (max-width: 990px) {
.woocommerce .woocommerce-checkout .col2-set {
width: 100%;
float: none; } }
.woocommerce .woocommerce-checkout .col2-set .col-1, .woocommerce .woocommerce-checkout .col2-set .col-2 {
width: 100%; }
.woocommerce .woocommerce-checkout .col2-set .col-1 {
padding-right: 0; }
.woocommerce .woocommerce-checkout .col2-set .col-2 {
padding-left: 0; }
.woocommerce .woocommerce-checkout > h3, .woocommerce .woocommerce-checkout .woocommerce-checkout-review-order {
width: 50%;
float: right;
padding: 0 15px; }
@media screen and (max-width: 990px) {
.woocommerce .woocommerce-checkout > h3, .woocommerce .woocommerce-checkout .woocommerce-checkout-review-order {
width: 100%;
float: none; } }
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {
padding: 20px; }
.woocommerce-checkout-payment {
background-color: white;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.woocommerce-checkout-payment .place-order {
padding: 20px;
text-align: right; }
.wc_payment_methods.payment_methods {
list-style: none;
padding: 0;
margin: 0; }
.wc_payment_methods.payment_methods li:not(.wc_payment_method) {
padding: 20px; }
.wc_payment_methods.payment_methods .wc_payment_method input {
display: none; }
.wc_payment_methods.payment_methods .wc_payment_method input:checked + label:after {
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; }
.wc_payment_methods.payment_methods .wc_payment_method label {
display: block;
padding: 20px 20px 20px 60px;
background-color: #f1f4f6;
color: #2B2B2B;
font-weight: 700;
position: relative; }
.wc_payment_methods.payment_methods .wc_payment_method label:after {
content: " ";
clear: both;
display: block; }
.wc_payment_methods.payment_methods .wc_payment_method label:before {
content: " ";
width: 24px;
height: 24px;
border-radius: 50%;
border: 2px solid #DB1037;
left: 20px;
top: 0;
bottom: 0;
margin: auto 0;
position: absolute; }
.wc_payment_methods.payment_methods .wc_payment_method label:after {
content: " ";
width: 14px;
height: 14px;
position: absolute;
left: 25px;
top: 0;
bottom: 0;
margin: auto 0;
background-color: #DB1037;
border-radius: 50%;
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
transition: .3s ease; }
.wc_payment_methods.payment_methods .wc_payment_method label img {
float: right;
max-width: 100px; }
.wc_payment_methods.payment_methods .wc_payment_method label a {
font-style: italic;
display: inline-block;
margin-left: 10px;
color: #999999;
font-size: 80%; }
.wc_payment_methods.payment_methods .wc_payment_method .payment_box {
padding: 20px; }
.woocommerce-MyAccount-navigation ul {
list-style: none;
margin-left: 0;
margin-bottom: 50px;
padding: 0;
border-bottom: 3px solid #eaeaea; }
@media screen and (max-width: 640px) {
.woocommerce-MyAccount-navigation ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.woocommerce-MyAccount-navigation-link {
position: relative;
display: inline-block;
bottom: -2px; }
@media screen and (max-width: 640px) {
.woocommerce-MyAccount-navigation-link {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
display: -ms-flexbox;
display: flex; } }
@media screen and (max-width: 320px) {
.woocommerce-MyAccount-navigation-link {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.woocommerce-MyAccount-navigation-link a {
border-bottom: 2px solid transparent;
display: block;
padding: 15px 30px;
color: inherit;
-ms-flex: 1;
flex: 1;
font-size: 14px;
font-size: 0.875em; }
@media screen and (max-width: 640px) {
.woocommerce-MyAccount-navigation-link a {
padding: 10px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
background-color: white; } }
.woocommerce-MyAccount-navigation-link a:before {
font-family: 'themify';
display: inline-block;
margin-right: 10px; }
.woocommerce-MyAccount-navigation-link--dashboard a:before {
content: "\e6aa"; }
.woocommerce-MyAccount-navigation-link--orders a:before {
content: "\e687"; }
.woocommerce-MyAccount-navigation-link--edit-address a:before {
content: "\e61c"; }
.woocommerce-MyAccount-navigation-link--edit-account a:before {
content: "\e61d"; }
.woocommerce-MyAccount-navigation-link--downloads a:before {
content: "\e6a7"; }
.woocommerce-MyAccount-navigation-link--customer-logout a:before {
content: "\e732"; }
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link:hover a {
color: #DB1037;
border-color: inherit; }
.woocommerce-MyAccount-orders {
width: 100%; }
.woocommerce-MyAccount-orders thead {
border-bottom: 2px solid #666; }
.woocommerce-MyAccount-orders th {
text-align: left; }
.woocommerce-MyAccount-orders tbody tr {
border-bottom: 1px solid #e3e3e3; }
mark {
display: inline-block;
padding: 4px 10px;
border-radius: 5px;
background-color: #cdf2ff; }
.woocommerce-EditAccountForm.edit-account fieldset {
border: 1px solid #e3e3e3;
margin-bottom: 30px; }
.wcbs-fbt-section {
margin-bottom: 50px; }
.wcbs-fbt-section .wcbs-fbt-images {
display: inline-table;
width: auto;
background-color: transparent;
box-shadow: none;
float: left; }
.wcbs-fbt-section .wcbs-fbt-images img {
height: auto;
width: 100px; }
.wcbs-fbt-section .wcbs-fbt-images tbody {
background-color: transparent; }
.wcbs-fbt-section .wcbs-fbt-images tr {
background-color: transparent; }
.wcbs-fbt-section .wcbs-fbt-submit-block {
float: left;
padding-left: 20px; }
.wcbs-fbt-section .wcbs-fbt-submit-block .total_price_label {
display: block;
font-family: "Playfair Display";
font-size: 18px;
font-size: 1.125em; }
.wcbs-fbt-section .wcbs-fbt-submit-block .total_price {
color: #DB1037;
font-size: 18px;
font-size: 1.125em;
font-weight: 700;
margin-bottom: 10px;
display: block; }
.wcbs-fbt-section .wcbs-fbt-items {
clear: both;
list-style: none;
padding-left: 0;
font-weight: 700; }
.wcbs-fbt-section .wcbs-fbt-items li:before {
content: "\53";
font-family: "dripicons-v2";
color: green;
display: inline-block;
margin-right: 10px; }
.wcbs-fbt-section .wcbs-fbt-items .current_item {
font-style: italic;
color: #999999; }
.wcbs-fbt-section .wcbs-fbt-items .price {
color: #DB1037;
font-size: inherit; }
.wcbs-fbt-section .wcbs-fbt-items .price del {
margin-right: 10px;
display: inline-block; }
.yith-wcqv-main {
box-shadow: 0 10px 30px -4px rgba(0, 0, 0, 0.3) !important; }
.yith-wcqv-main #yith-quick-view-close {
width: 32px;
height: 32px;
border-radius: 50%;
text-indent: -9999px;
overflow: hidden;
border: 3px solid #DB1037;
color: inherit; }
.yith-wcqv-main #yith-quick-view-close:before {
content: "\39";
font-family: "dripicons-v2";
position: absolute;
left: 0;
width: 100%;
text-indent: 0;
line-height: 28px;
font-size: 22px;
display: block;
text-align: center !important;
padding: 0; }
.yith-wcqv-main .single-product:after {
content: " ";
clear: both;
display: block; }
.yith-wcqv-main .product-overview {
padding: 30px;
position: relative; }
.yith-wcqv-main .images, .yith-wcqv-main .summary {
float: left; }
.yith-wcqv-main .onsale {
position: absolute;
top: 10px;
font-size: 13px;
font-size: 0.8125em;
left: -10px;
background-color: #DB1037;
color: white;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 3px; }
.yith-wcqv-main .images {
width: 40%;
padding-right: 30px; }
.yith-wcqv-main .images img {
width: 100%;
max-width: 100%;
height: auto; }
.yith-wcqv-main .summary {
width: 60%;
padding-left: 40px; }
.yith-wcqv-main .product_title {
margin-top: 0; }
.yith-wcqv-main .product_meta {
padding-top: 10px; }
p.demo_store {
margin: 0;
padding: 20px;
background-color: #57445a;
color: white;
text-align: center;
position: relative;
font-weight: normal; }
p.demo_store:before {
content: "\e009";
font-family: "dripicons-v2";
display: inline-block;
margin-right: 10px;
font-size: 24px;
font-size: 1.5em;
font-weight: 300;
vertical-align: middle; }
.woocommerce-Tabs-panel--wcbs_book_author_info .grid-layout {
-ms-flex-pack: center;
justify-content: center; }
.woocommerce-product-search {
position: relative; }
.woocommerce-product-search input[type="search"], .woocommerce-product-search input[type="text"] {
margin-bottom: 0 !important;
padding-right: 100px; }
.woocommerce-product-search input[type="submit"] {
position: absolute;
top: 0;
bottom: 0;
right: 0;
border: none !important; }
.wishlist_table tfoot .yith-wcwl-share {
padding: 20px;
margin-bottom: 0; }
.wishlist_table tfoot .yith-wcwl-share h4 {
color: white;
display: inline-block;
margin: 0;
margin-right: 20px;
vertical-align: middle; }
.wishlist_table tfoot .yith-wcwl-share ul {
margin: 0;
display: inline-block;
vertical-align: middle; }
.select2-container--default .select2-selection--single {
background-color: transparent;
border: 3px solid #bdbdbd;
border-radius: 25px;
padding: 5px 10px;
min-height: 44px; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px;
right: 15px; }
.select2-search--dropdown {
padding: 10px; }
.dokan-dashboard .page-header, .dokan-dashboard .type-page .entry-content {
margin-bottom: 0; }
.dokan-dashboard .main-content {
margin-bottom: 0; }
.dokan-dashboard .main-content > .container, .dokan-dashboard .dokan-dashboard-content.main-content > article {
width: 100%;
max-width: 100%;
padding: 0; }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover {
background-color: #DB1037;
background-image: linear-gradient(90deg, #DB1037, #CD40E6); }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active:after,
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover:after {
left: auto;
right: 0; }
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a:hover {
background-color: #DB1037; }
.dokan-dashboard .dokan-dash-sidebar {
padding-top: 50px; }
.dokan-dashboard .dokan-dashboard-content {
padding-top: 50px;
padding-bottom: 50px; }
.dokan-dashboard .dashboard-widget.sells-graph .chart-container {
overflow: hidden; }
.dokan-dashboard .dashboard-widget.sells-graph .chart-container table {
width: auto; }
.dokan-dashboard ul.subsubsub {
font-size: inherit; }
.dokan-dashboard ul.subsubsub a {
color: inherit; }
.dokan-dashboard .dokan-table .diviader {
display: none; }
.dokan-single-store .profile-frame .profile-info-box .profile-info-img {
display: block; }
.dokan-single-store .profile-frame .profile-info-summery {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center; }
.dokan-category-menu {
border: none; }
.dokan-category-menu h3.widget-title {
padding: 0;
background-color: transparent;
border: none;
margin-bottom: 20px; }
.dokan-category-menu #cat-drop-stack > ul li.parent-cat-wrap {
background-color: transparent; }
.dokan-category-menu #cat-drop-stack > ul li.parent-cat-wrap ul {
background-color: transparent !important; }
.dokan-category-menu #cat-drop-stack > ul li.parent-cat-wrap a {
margin: 0; }
.dokan-category-menu #cat-drop-stack > ul li a {
font-size: inherit; }
.dokan-orders-content .dokan-orders-area ul.order-statuses-filter {
padding-left: 0;
color: inherit;
font-size: inherit; }
.dokan-orders-content .dokan-orders-area ul.order-statuses-filter li.active a {
color: #DB1037; }
.dokan-settings-content .dokan-settings-area .dokan-address-fields label {
font-size: inherit; }
.dokan-alert p:first-child {
margin-top: 0; }
.dokan-alert p:last-child {
margin-bottom: 0; }
.dokan-dashboard-header .entry-title {
font-size: 24px;
font-size: 1.5em; }
.dokan-dashboard-header .entry-title small {
color: #DB1037; }
.dokan-form-control {
font-size: inherit; }
input[type="submit"].dokan-btn-theme:hover, a.dokan-btn-theme:hover, .dokan-btn-theme:hover {
background-color: transparent;
color: inherit; }
.page-header .dokan-seller-search-form {
margin: 30px auto 0; }
.page-header .dokan-seller-search-form #search {
width: 100%;
border: none !important;
padding: 20px 40px 20px 60px !important;
border-radius: 40px !important;
border: none !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
background-position: 30px center !important; }
textarea.dokan-form-control {
border-radius: 20px;
border: 3px solid #BDBDBD;
padding: 10px 15px;
background-color: transparent;
color: inherit; }
.vendor-details {
list-style: none;
margin: 0;
padding: 0; }
.vendor-details .seller-rating {
display: inline-block; }
.vendor-details li {
position: relative;
padding: 10px 0 10px 150px; }
.vendor-details li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.vendor-details li .label {
position: absolute;
left: 0;
top: 10px;
font-weight: 700;
color: #2B2B2B; } .widget {
padding: 0 10px;
margin-bottom: 30px; }
.widget-title {
font-family: "Playfair Display";
font-size: 1.5em; }
.widget ul, .widget ol {
margin: 0;
padding: 0;
list-style: none; }
.widget ul li, .widget ol li {
padding-top: 5px;
padding-bottom: 5px; }
.widget ul li:not(:last-child), .widget ol li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.widget ul a, .widget ol a {
color: inherit;
text-decoration: none; }
.widget-top-products ol {
counter-reset: top-list; }
.widget-top-products ol li {
counter-increment: top-list;
padding-left: 20px;
position: relative;
margin-bottom: 15px; }
.widget-top-products ol li:before {
content: counter(top-list) ".";
position: absolute;
left: 0;
top: 0;
font-weight: 700;
font-style: italic;
color: #2B2B2B;
line-height: 1; }
.widget-top-products h4 {
font-weight: 400;
margin: 0;
line-height: 1; }
.widget-top-products .author {
color: #999999;
font-style: italic;
font-family: "Playfair Display"; }
.widget.tokoo-contact-info {
text-align: center; }
.widget.tokoo-contact-info .contact-phone {
font-size: 24px;
font-size: 1.5em;
color: #DB1037;
display: block;
text-align: center;
line-height: 1; }
.widget.tokoo-contact-info .contact-email {
display: block;
text-align: center; }
.widget.social-network {
text-align: center; }
.widget.tokoo-mailchimp-subscribe-form {
text-align: center; }
.widget.tokoo-mailchimp-subscribe-form .mc4wp-form-fields {
position: relative; }
.widget.tokoo-mailchimp-subscribe-form .mc4wp-form-fields label {
display: none; }
.widget.tokoo-mailchimp-subscribe-form .mc4wp-form-fields input[type="email"],
.widget.tokoo-mailchimp-subscribe-form .mc4wp-form-fields input[type="text"] {
width: 100%;
padding-right: 100px; }
.widget.tokoo-mailchimp-subscribe-form .mc4wp-form-fields input[type="submit"] {
border: none;
color: #DB1037;
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding-right: 20px; }
.widget_mc4wp_form_widget label {
display: none; }
.mc4wp-form-fields {
position: relative; }
.mc4wp-form-fields label {
display: none; }
.mc4wp-form-fields input[type="text"],
.mc4wp-form-fields input[type="email"] {
width: 100%;
padding-right: 100px; }
.mc4wp-form-fields input[type="submit"] {
position: absolute;
right: 0;
top: 0;
bottom: 0;
border: none; } .widget.tokoo-login-form input:not([type="checkbox"]) {
width: 100%; }
.widget.tokoo-login-form .remember-me {
float: left; }
.widget.tokoo-login-form .login-submit {
float: right; }
.widget.tokoo-login-form .forget-link {
clear: both;
padding-top: 20px;
margin-bottom: 0;
text-align: center;
font-weight: 300; }
.widget.tokoo-recent-comments-with-avatar .post-list li > a {
float: left;
margin-right: 15px; }
.widget.tokoo_themeforest_widget_ul {
list-style: none;
margin: 0 -5px 20px; }
.widget.tokoo_themeforest_widget_ul:after {
content: " ";
clear: both;
display: block; }
.widget.tokoo_themeforest_widget_ul li {
width: 33.3333%;
float: left;
padding: 0 5px; }
.widget.tokoo_themeforest_widget_ul li img {
width: 100%;
max-width: 100%;
height: auto; }
.widget.tokoo_themeforest_widget_ul .tokoo_read_more {
text-align: center;
font-style: italic; }
.widget.tokoo-contact-info [class*="contact"] {
display: block; }
.widget.tokoo-contact-info {
text-align: center; }
.widget.tokoo-contact-info .contact-phone {
font-size: 24px;
font-size: 1.5em; }
.widget.tokoo-recent-tweets .twitter-tweets-list {
list-style-type: none; }
.widget.tokoo-recent-tweets .twitter-tweets-list li {
margin-bottom: 30px; }
.widget.tokoo-recent-tweets .tweet {
position: relative; }
.widget.tokoo-recent-tweets .tweet:after {
content: " ";
clear: both;
display: block; }
.widget.tokoo-recent-tweets .tweet .tweet-avatar {
float: left;
margin-right: 20px; }
.widget.tokoo-recent-tweets .tweet .tweet-content {
display: table; }
.widget.tokoo-recent-tweets .tweet .timespan {
float: right; }
.widget.tokoo-testimonials blockquote {
margin: 0; }
.widget.tokoo-themeforest-item ul {
list-style: none;
margin: 0; }
.widget.tokoo-themeforest-item ul:after {
content: " ";
clear: both;
display: block; }
.widget.tokoo-themeforest-item li {
width: 25%;
float: left; }
.widget.tokoo-themeforest-item li img {
display: block; }
.widget.tokoo-themeforest-item .Tokoo_read_more {
display: block;
text-align: center;
padding: 20px 0; }
.widget.tokoo-post-type-list .post-list {
list-style: none;
margin: 10px 0; }
.widget.tokoo-post-type-list .post-list:after {
content: " ";
clear: both;
display: block; }
.widget.tokoo-post-type-list .post-list li {
margin: 0 0 20px; }
.widget.tokoo-post-type-list .post-list li:after {
content: " ";
clear: both;
display: block; }
.widget.tokoo-post-type-list .post-list li > a {
float: left;
margin-right: 10px; }
.widget.tokoo-post-type-list .post-list li .post-detail {
display: table; }
.widget.tokoo-post-type-list .post-list .entry-title {
margin: 0; }
.widget.tokoo-post-type-list .post-list .date {
display: block; }
.widget.tokoo-recent-comments-with-avatar .post-list {
list-style: none;
margin: 10px 0; }
.widget.tokoo-recent-comments-with-avatar .post-list:after {
content: " ";
clear: both;
display: block; }
.widget.tokoo-recent-comments-with-avatar .post-list li {
margin: 0 0 20px; }
.widget.tokoo-recent-comments-with-avatar .post-list li:after {
content: " ";
clear: both;
display: block; }
.widget.tokoo-recent-comments-with-avatar .post-list li > a {
float: left;
margin-right: 10px; }
.widget.tokoo-recent-comments-with-avatar .post-list li .post-detail {
display: table; }
.widget.tokoo-recent-comments-with-avatar .post-list .entry-title {
margin: 0;
display: inline; }
.widget.tokoo-recent-comments-with-avatar .post-list .date {
display: block; }
.widget .koo-photogrid {
list-style: none; }
.widget .koo-photogrid:after {
content: " ";
clear: both;
display: block; }
.widget .koo-photogrid li {
float: left;
width: 25%; }
.widget .koo-photogrid img {
display: block;
width: 100%;
max-width: 100%;
height: auto; }
.widget .koo-image-slider {
position: relative; }
.widget .koo-image-slider .slides {
list-style: none;
margin: 0; }
.widget .koo-image-slider .slides:after {
content: " ";
clear: both;
display: block; }
.widget .koo-image-slider .slides img {
width: 100%;
max-width: 100%;
height: auto; }
.widget .koo-image-slider .flex-direction-nav {
list-style: none;
padding-left: 0;
margin: 0; }
.widget .koo-image-slider .flex-direction-nav .flex-next, .widget .koo-image-slider .flex-direction-nav .flex-prev {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 32px;
height: 32px;
color: white;
background-color: rgba(0, 0, 0, 0.4);
text-align: center;
line-height: 32px; }
.widget .koo-image-slider .flex-direction-nav .flex-prev {
left: 0; }
.widget .koo-image-slider .flex-direction-nav .flex-next {
right: 0; }
.widget .testimonials-list, .widget .testimonial-slider .slides {
list-style-type: none;
margin-left: 0; }
.widget .testimonials-list li, .widget .testimonial-slider .slides li {
margin-bottom: 30px; }
.widget .testimonials-list blockquote, .widget .testimonial-slider .slides blockquote {
font-size: 24px;
line-height: 1.5; }
.widget .testimonials-list .testimonial-detail, .widget .testimonial-slider .slides .testimonial-detail {
padding-left: 70px;
position: relative;
min-height: 70px; }
.widget .testimonials-list .testimonial-detail figure, .widget .testimonial-slider .slides .testimonial-detail figure {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
position: absolute;
left: 0;
top: 0; }
.widget .testimonials-list .testimonial-detail cite, .widget .testimonial-slider .slides .testimonial-detail cite {
display: block;
font-style: normal; }
.widget.tokoo-testimonials .flex-control-nav {
text-align: center;
list-style: none;
margin-left: 0; }
.widget.tokoo-testimonials .flex-control-nav li {
display: inline-block;
margin: 0 4px; }
.widget.tokoo-testimonials .flex-control-nav a {
display: block;
width: 10px;
height: 10px;
background-color: rgba(227, 227, 227, 0.5);
overflow: hidden;
text-indent: -9999px;
border-radius: 50%; }
.widget.tokoo-testimonials .flex-control-nav a.flex-active {
background-color: white; }
.tokoo-advanced-categories select {
width: 100%; }
.tokoo_themeforest_widget_ul {
list-style: none; }
.tokoo_themeforest_widget_ul:after {
content: " ";
clear: both;
display: block; }
.tokoo_themeforest_widget_ul li {
width: 25%;
float: left;
padding: 5px; }
.tokoo_themeforest_widget_ul li img {
display: block;
width: 100%;
height: auto; }
.widget.widget_shopping_cart li {
padding-right: 40px; }
.widget.widget_shopping_cart .quantity {
display: block;
color: #DB1037; }
.widget.widget_shopping_cart .quantity .amount {
display: inline-block; }
.widget.widget_shopping_cart .empty {
text-align: center;
padding-right: 0;
margin-bottom: 0;
display: block; }
.widget.widget_shopping_cart .empty:before {
content: "\e042";
font-family: "dripicons-v2";
font-size: 64px;
font-size: 4em;
line-height: 1;
margin-bottom: 30px;
display: block;
color: #e3e3e3; }
.widget.widget_shopping_cart .remove {
position: absolute;
right: 0;
top: 5px;
width: 14px;
height: 14px;
font-size: 14px;
overflow: hidden;
text-indent: -9999px;
color: #999999;
transition: .3s ease; }
.widget.widget_shopping_cart .remove:hover {
color: #990000; }
.widget.widget_shopping_cart .remove:before {
content: "\e053";
font-family: "dripicons-v2";
position: absolute;
left: 0;
top: 0;
line-height: 1;
text-indent: 0; }
.widget.widget_shopping_cart .total {
border-top: 1px solid #BDBDBD;
border-bottom: 1px solid #BDBDBD;
padding: 20px 0;
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: 700; }
.widget.widget_shopping_cart .total .amount {
color: #DB1037; }
.widget.widget_shopping_cart .buttons a {
display: block;
margin-bottom: 10px;
text-align: center; }
.widget.widget_shopping_cart .buttons a.checkout {
color: #2B2B2B;
border-color: inherit; }
.widget.widget_rating_filter ul {
text-align: right; }
.widget.widget_rating_filter ul li:after {
content: " ";
clear: both;
display: block; }
.widget.widget_rating_filter ul .star-rating {
float: left;
text-align: left; }
.widget.widget_layered_nav li:after {
content: " ";
clear: both;
display: block; }
.widget.widget_layered_nav .count {
float: right; }
.widget.widget_price_filter .price_slider.ui-slider {
margin-bottom: 20px;
width: 100%;
height: 5px;
background-color: #f1f4f6;
background-color: white;
position: relative;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.widget.widget_price_filter .price_slider.ui-slider .ui-slider-range {
position: absolute;
height: 100%;
top: 0;
background-color: #CD40E6; }
.widget.widget_price_filter .price_slider.ui-slider .ui-slider-handle {
width: 15px;
height: 15px;
position: absolute;
top: -5px;
background-color: white;
box-shadow: 0 2px 10px rgba(192, 221, 238, 0.7);
cursor: pointer; }
.widget.widget_price_filter .price_slider_amount:after {
content: " ";
clear: both;
display: block; }
.widget.widget_price_filter .price_slider_amount .button, .widget.widget_price_filter .price_slider_amount .comment-respond .form-submit input, .comment-respond .form-submit .widget.widget_price_filter .price_slider_amount input, .widget.widget_price_filter .price_slider_amount .dokan-btn-theme {
padding: 5px 20px; }
.widget.widget_price_filter .price_slider_amount .price_label {
float: right;
padding-top: 10px; }
.widget.widget_price_filter .price_slider_amount .price_label span {
color: #DB1037;
font-weight: 700; }
.widget.widget_price_filter .price_slider_amount .clear {
display: none; }
.widget.widget_product_search .woocommerce-product-search {
position: relative; }
.widget.widget_product_search .woocommerce-product-search:after {
content: " ";
clear: both;
display: block; }
.widget.widget_product_search .search-field {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 10px; }
.widget.widget_product_search input[type="search"],
.widget.widget_product_search input[type="text"] {
width: 100%; }
.widget.widget_product_search input[type="submit"] {
position: absolute;
right: 0;
background-color: #DB1037;
color: white;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.widget.widget_product_categories select {
width: 100%; }
.widget.woocommerce-best-selling-product .product_list_widget {
counter-reset: best; }
.widget.woocommerce-best-selling-product .product_list_widget li {
counter-increment: best;
position: relative; }
.widget.woocommerce-best-selling-product .product_list_widget li:before {
content: "#" counter(best);
width: 48px;
height: 48px;
font-size: 20px;
color: white;
background-color: #e2a71c;
border-radius: 50%;
position: absolute;
text-align: center;
padding-top: 2px;
left: -20px;
top: 10px;
border: 4px solid #bd8e1f; }
.widget.woocommerce-top-product .product_list_widget {
counter-reset: top; }
.widget.woocommerce-top-product .product_list_widget li {
counter-increment: top;
position: relative;
padding-left: 20px; }
.widget.woocommerce-top-product .product_list_widget li:before {
content: counter(top) ".";
position: absolute;
display: inline-block;
top: 0;
left: 0;
font-weight: 700;
font-style: italic; }
.widget.woocommerce-top-product .product_list_widget.has_image {
counter-reset: topbook; }
.widget.woocommerce-top-product .product_list_widget.has_image li {
padding-left: 0;
counter-increment: topbook; }
.widget.woocommerce-top-product .product_list_widget.has_image li:before {
content: "#" counter(topbook);
width: 48px;
height: 48px;
font-size: 20px;
color: white;
background-color: #e2a71c;
border-radius: 50%;
position: absolute;
text-align: center;
padding-top: 4px;
left: -20px;
top: 10px;
border: 4px solid #bd8e1f; }
.widget.widget_recent_reviews .product_list_widget li {
padding-left: 70px;
position: relative;
min-height: 70px;
display: block; }
.widget.widget_recent_reviews .product_list_widget img {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: auto;
box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.2); }
.widget.widget_recent_reviews .product_list_widget a {
display: block !important; }
.widget .product_list_widget li {
padding-top: 10px;
padding-bottom: 10px; }
.widget.widget_recent_reviews .product_list_widget li {
padding-top: 15px;
padding-bottom: 15px;
min-height: 90px; }
.widget.widget_recent_reviews .product_list_widget img {
top: 15px; }
.product_list_widget {
list-style: none;
padding-left: 0; }
.product_list_widget li {
position: relative;
display: -ms-flexbox;
display: flex;
padding-top: 10px;
padding-bottom: 10px; }
.product_list_widget li:after {
content: " ";
clear: both;
display: block; }
.product_list_widget .product-image {
width: 60px;
margin-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0; }
.product_list_widget .product-image img {
box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.2); }
.product_list_widget .product-title {
display: block;
font-family: "Playfair Display";
color: #2B2B2B; }
.product_list_widget .product-detail > a {
font-weight: 700;
display: block;
font-family: "Playfair Display";
color: #2B2B2B; }
.product_list_widget .span-author {
color: #999999;
font-family: "Playfair Display";
font-style: italic; }
.product_list_widget del, .product_list_widget ins {
display: inline-block; }
.product_list_widget .woocommerce-Price-amount amount {
font-size: 14pxpx;
font-size: 0.875pxem; }
.product_list_widget img {
width: 100%;
height: auto; }
.product_list_widget.cart_list li {
display: -ms-flexbox;
display: flex; }
.product_list_widget.cart_list li .product-image:after {
content: " ";
clear: both;
display: block; }
.product_list_widget.cart_list li img {
float: left;
margin-right: 10px;
width: 60px;
height: auto; }
.koo-image-slider .slides {
overflow: hidden;
white-space: nowrap; }
.koo-image-slider .slides li {
display: inline-block;
opacity: 0;
transition: opacity .3s ease; }
.koo-image-slider .flex-viewport li {
opacity: 1; }
.tagcloud a {
font-size: inherit !important;
display: inline-block;
padding: 5px 10px;
background-color: #CD40E6;
color: white;
margin: 0 10px 10px 0;
line-height: 1;
position: relative; }
.tagcloud a:before {
content: " ";
width: 0;
border-width: 2px 5px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.6) transparent transparent;
position: absolute;
left: 0;
top: 100%; }
.calendar_wrap td, .calendar_wrap th {
text-align: center; }
.widget_rss li {
margin-bottom: 30px; }
.widget_rss .rsswidget {
display: block;
font-weight: 600;
color: #2B2B2B; }
.widget_rss .rss-date {
font-style: italic;
font-family: "Playfair Display";
display: block;
margin-bottom: 10px; }
.widget_rss .rssSummary {
font-size: 14px;
font-size: 0.875em; }
.widget_rss cite {
display: block;
text-align: right;
font-size: 14px;
font-size: 0.875em; }
.widget_archive select {
width: 100%; }
.widget_search form {
position: relative; }
.widget_search form input[type="text"], .widget_search form input[type="search"] {
width: 100%;
padding-right: 100px; }
.widget_search form input[type="submit"] {
position: absolute;
right: 0;
border: none;
top: 0;
bottom: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-color: #DB1037;
color: white; } .social-links a {
display: inline-block;
padding: 5px !important;
line-height: 1; }
.social-links.small {
font-size: 16px; }
.social-links.medium {
font-size: 20px; }
.social-links.large {
font-size: 32px; }
.social-links.boxed.small a, .social-links.rounded.small a {
width: 32px;
height: 32px;
line-height: 1.4; }
.social-links.boxed.medium a, .social-links.rounded.medium a {
width: 48px;
height: 48px;
line-height: 1.8; }
.social-links.boxed.large a, .social-links.rounded.large a {
width: 64px;
height: 64px;
line-height: 1.6; }
.social-links.boxed a, .social-links.rounded a {
color: white;
display: inline-block;
text-align: center; }
.social-links.boxed a.facebook, .social-links.rounded a.facebook {
background-color: #3B5998; }
.social-links.boxed a.facebook:hover, .social-links.rounded a.facebook:hover {
background-color: #4c70ba; }
.social-links.boxed a.twitter, .social-links.rounded a.twitter {
background-color: #55ACEE; }
.social-links.boxed a.twitter:hover, .social-links.rounded a.twitter:hover {
background-color: #83c3f3; }
.social-links.boxed a.google-plus, .social-links.rounded a.google-plus {
background-color: #E02F2F; }
.social-links.boxed a.google-plus:hover, .social-links.rounded a.google-plus:hover {
background-color: #e75b5b; }
.social-links.boxed a.linkedin, .social-links.rounded a.linkedin {
background-color: #007BB5; }
.social-links.boxed a.linkedin:hover, .social-links.rounded a.linkedin:hover {
background-color: #009ee8; }
.social-links.boxed a.spotify, .social-links.rounded a.spotify {
background-color: #78B842; }
.social-links.boxed a.spotify:hover, .social-links.rounded a.spotify:hover {
background-color: #92c865; }
.social-links.boxed a.codepen, .social-links.rounded a.codepen {
background-color: #000000; }
.social-links.boxed a.codepen:hover, .social-links.rounded a.codepen:hover {
background-color: #1a1a1a; }
.social-links.boxed a.digg, .social-links.rounded a.digg {
background-color: #115c83; }
.social-links.boxed a.digg:hover, .social-links.rounded a.digg:hover {
background-color: #177cb0; }
.social-links.boxed a.foursquare, .social-links.rounded a.foursquare {
background-color: #f84777; }
.social-links.boxed a.foursquare:hover, .social-links.rounded a.foursquare:hover {
background-color: #fa789b; }
.social-links.boxed a.github, .social-links.rounded a.github {
background-color: #000000; }
.social-links.boxed a.github:hover, .social-links.rounded a.github:hover {
background-color: #1a1a1a; }
.social-links.boxed a.reddit, .social-links.rounded a.reddit {
background-color: #EF4623; }
.social-links.boxed a.reddit:hover, .social-links.rounded a.reddit:hover {
background-color: #f26e53; }
.social-links.boxed a.skype, .social-links.rounded a.skype {
background-color: #00aff0; }
.social-links.boxed a.skype:hover, .social-links.rounded a.skype:hover {
background-color: #24c4ff; }
.social-links.boxed a.behance, .social-links.rounded a.behance {
background-color: #111111; }
.social-links.boxed a.behance:hover, .social-links.rounded a.behance:hover {
background-color: #2b2b2b; }
.social-links.boxed a.youtube, .social-links.rounded a.youtube {
background-color: #e02b28; }
.social-links.boxed a.youtube:hover, .social-links.rounded a.youtube:hover {
background-color: #e65755; }
.social-links.boxed a.steam, .social-links.rounded a.steam {
background-color: #000000; }
.social-links.boxed a.steam:hover, .social-links.rounded a.steam:hover {
background-color: #1a1a1a; }
.social-links.boxed a.dribbble, .social-links.rounded a.dribbble {
background-color: #E94C89; }
.social-links.boxed a.dribbble:hover, .social-links.rounded a.dribbble:hover {
background-color: #ef79a7; }
.social-links.boxed a.tumblr, .social-links.rounded a.tumblr {
background-color: #44546A; }
.social-links.boxed a.tumblr:hover, .social-links.rounded a.tumblr:hover {
background-color: #586d89; }
.social-links.boxed a.wordpress, .social-links.rounded a.wordpress {
background-color: #21759b; }
.social-links.boxed a.wordpress:hover, .social-links.rounded a.wordpress:hover {
background-color: #2a95c5; }
.social-links.boxed a.instagram, .social-links.rounded a.instagram {
background-color: #974518; }
.social-links.boxed a.instagram:hover, .social-links.rounded a.instagram:hover {
background-color: #c3591f; }
.social-links.boxed a.pinterest, .social-links.rounded a.pinterest {
background-color: #cc2127; }
.social-links.boxed a.pinterest:hover, .social-links.rounded a.pinterest:hover {
background-color: #e04046; }
.social-links.boxed a.flickr, .social-links.rounded a.flickr {
background-color: #0063db; }
.social-links.boxed a.flickr:hover, .social-links.rounded a.flickr:hover {
background-color: #0f7bff; }
.social-links.boxed a.vimeo, .social-links.rounded a.vimeo {
background-color: #1ab7ea; }
.social-links.boxed a.vimeo:hover, .social-links.rounded a.vimeo:hover {
background-color: #49c6ee; }
.social-links.boxed a.vine, .social-links.rounded a.vine {
background-color: #00b489; }
.social-links.boxed a.vine:hover, .social-links.rounded a.vine:hover {
background-color: #00e7b0; }
.social-links.boxed a.deviantart, .social-links.rounded a.deviantart {
background-color: #536551; }
.social-links.boxed a.deviantart:hover, .social-links.rounded a.deviantart:hover {
background-color: #6a8168; }
.social-links.boxed a.lastfm, .social-links.rounded a.lastfm {
background-color: #DA001C; }
.social-links.boxed a.lastfm:hover, .social-links.rounded a.lastfm:hover {
background-color: #ff0e2d; }
.social-links.boxed a.soundcloud, .social-links.rounded a.soundcloud {
background-color: #FF4700; }
.social-links.boxed a.soundcloud:hover, .social-links.rounded a.soundcloud:hover {
background-color: #ff6c33; }
.social-links.rounded a {
border-radius: 50%; } .section-header {
position: relative;
padding-bottom: 20px;
margin: 30px 0; }
.section-header:after {
content: " ";
width: 30px;
height: 3px;
background-color: #CD40E6;
position: absolute;
left: 0;
bottom: 0; }
.section-header .section-title {
margin: 0; }
.section-header .section-subtitle {
font-size: 15px;
font-size: 0.9375em; }
.section-header--left {
text-align: left; }
.section-header--left:after {
left: 0;
margin: 0 auto; }
.section-header--center {
text-align: center; }
.section-header--center:after {
right: 0;
margin: 0 auto; }
.section-header--right {
text-align: right; }
.section-header--right:after {
left: auto;
right: 0; }
.category-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
padding: 30px 0; }
.category-icon .grid-item {
padding: 0 15px; }
.category-icon .grid-item.category-icon__title {
padding: 10px 15px 10px 15px; }
.category-icon .grid-item.category-icon__cat {
padding: 15px 15px 15px 80px; }
.category-icon .grid-item:hover .category-icon__cat-image {
color: white; }
.category-icon .grid-item:hover .category-icon__cat-image:after {
-ms-transform: scale(1);
transform: scale(1); }
.category-icon__title, .category-icon__cat {
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
@media screen and (max-width: 1200px) {
.category-icon__title, .category-icon__cat {
width: 33.3333%; } }
@media screen and (max-width: 768px) {
.category-icon__title, .category-icon__cat {
width: 50%; } }
@media screen and (max-width: 480px) {
.category-icon__title, .category-icon__cat {
width: 100%; } }
.category-icon__title {
font-family: "Playfair Display";
position: relative;
margin-bottom: 30px;
font-size: 21px;
font-size: 1.3125em;
padding-bottom: 5px; }
.category-icon__title:after {
content: " ";
width: 20px;
height: 3px;
background-color: #CD40E6;
position: absolute;
bottom: 0;
left: 15px; }
.category-icon__cat {
padding-left: 75px;
position: relative; }
.category-icon__cat-image {
position: absolute;
left: 15px;
top: 15px;
width: 60px;
height: 60px;
z-index: 1;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 40px;
font-size: 2.5em;
transition: .3s ease; }
@media screen and (max-width: 480px) {
.category-icon__cat-image {
font-size: 32px;
font-size: 2em; } }
.no-flex .category-icon__cat-image {
padding-top: 15%;
left: 0; }
.category-icon__cat-image:after {
content: " ";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
border-radius: 50%;
background-color: #DB1037;
background-image: linear-gradient(45deg, #DB1037, #CD40E6);
transition: transform .3s ease;
-ms-transform: scale(0);
transform: scale(0); }
.category-icon__cat-image img {
max-width: 48px;
display: block; }
.category-icon__cat-title {
margin: 5px 0 0;
color: #CD40E6;
line-height: 1;
font-size: 21px;
font-size: 1.3125em; }
.category-icon__cat-count {
color: #999999;
font-size: 15px;
font-size: 0.9375em; }
.tokoo-separator {
border-style: solid;
border-top: none;
color: #BDBDBD; }
.tokoo-separator--dotted {
border-style: dotted;
border-top: none;
border-width: 2px; }
.tokoo-separator--dashed {
border-style: dashed;
border-top: none; }
.featured-author {
text-align: center;
margin-bottom: 30px; }
.featured-author__image {
border-radius: 50%;
width: 100px;
height: 100px;
overflow: hidden;
margin: 0 auto 20px;
transition: .3s ease; }
.featured-author__image img {
width: 100px;
height: 100px;
object-fit: cover;
display: block; }
.featured-author:hover .featured-author__image {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.9); }
.featured-author__name {
font-weight: 600;
margin: 0;
line-height: 1;
font-size: 18px;
font-size: 1.125em; }
.featured-author__books {
color: #999999;
font-family: font-secondary;
font-size: 15px;
font-style: italic; }
.popular-series .series {
text-align: center; }
.tokoo-map {
min-height: 400px; }
.tokoo-contact-form .row {
margin-bottom: 30px; }
.tokoo-contact-form input:not([type="submit"]), .tokoo-contact-form textarea {
width: 100%;
max-width: 100%; }
.tokoo-contact-form textarea {
height: 120px;
width: 100%; }
.pstk-custom-block {
padding-top: 100px;
padding-bottom: 100px; }
@media screen and (max-width: 960px) {
.pstk-custom-block {
padding-top: 55px;
padding-bottom: 55px; } }
@media screen and (max-width: 480px) {
.pstk-custom-block {
padding-top: 35px;
padding-bottom: 35px; } }
@media screen and (min-width: 961px) {
.pstk-custom-block .is-table-row {
display: table;
width: 100%; }
.pstk-custom-block .is-table-row [class*="col-"] {
float: none;
display: table-cell;
vertical-align: middle; } }
.pstk-custom-block .section-title {
font-size: 26px;
font-weight: 300;
text-transform: uppercase; }
.pstk-custom-block .book-title {
font-family: Playfair Display;
font-size: 48px;
font-weight: 300;
margin-top: 0px;
margin-bottom: 16px; }
.pstk-custom-block .book-price {
color: #c017e0;
font-family: Open Sans;
font-size: 32px;
font-weight: 300; }
.pstk-custom-block .detail-img {
text-align: center; }
.pstk-custom-block .detail-img img {
box-shadow: -1px 16px 111px -19px #999999; }
@media screen and (max-width: 960px) {
.pstk-custom-block .detail-img {
margin-top: 50px; } }
.pstk-custom-block.detail-product-1 .detail-icon {
font-size: 58px;
color: #c017e0; }
.pstk-custom-block.detail-product-1 h2 {
color: #363636;
font-family: Playfair Display;
font-size: 45px;
line-height: 48px;
font-weight: 300; }
.pstk-custom-block.detail-product-1 p {
margin-bottom: 50px; }
.pstk-custom-block.detail-product-1 .detail-img {
text-align: center; }
.pstk-custom-block.detail-product-1 .detail-img img {
box-shadow: none; }
@media screen and (max-width: 960px) {
.pstk-custom-block.detail-product-1 .detail-img {
margin-top: 50px; } }
.pstk-custom-block.detail-product-2 .left-col {
text-align: right; }
.pstk-custom-block.detail-product-2 .right-col {
text-align: left; }
.pstk-custom-block.detail-product-3 .left-col {
text-align: right; }
.pstk-custom-block.detail-product-3 .center-col {
text-align: center; }
.pstk-custom-block.detail-product-3 .right-col {
text-align: left; }
.pstk-custom-block.detail-product-4 {
background: linear-gradient(rgba(61, 61, 61, 0.43), rgba(61, 61, 61, 0.43)), transparent url(http://theme.dev/pustaka/wp-content/themes/pustaka/assets/img/dummy/blog_13.jpg) center center/cover no-repeat scroll;
padding-bottom: 0px; }
.pstk-custom-block.detail-product-4 .left-col {
text-align: right;
padding-top: 200px;
padding-bottom: 50px; }
@media screen and (max-width: 960px) {
.pstk-custom-block.detail-product-4 .left-col {
padding-top: 50px; } }
.pstk-custom-block.detail-product-4 .detail-img img {
max-width: 500px;
width: 100%;
height: auto;
box-shadow: -1px 16px 111px -19px black;
margin-bottom: -120px; }
.pstk-custom-block.detail-product-4 .book-title, .pstk-custom-block.detail-product-4 .author-name, .pstk-custom-block.detail-product-4 p {
color: white; }
.pstk-custom-block.detail-product-4 .button, .pstk-custom-block.detail-product-4 .comment-respond .form-submit input, .comment-respond .form-submit .pstk-custom-block.detail-product-4 input, .pstk-custom-block.detail-product-4 .dokan-btn-theme {
color: white;
border-color: white;
text-transform: uppercase; }
.pstk-custom-block.detail-product-4 .button:hover, .pstk-custom-block.detail-product-4 .comment-respond .form-submit input:hover, .comment-respond .form-submit .pstk-custom-block.detail-product-4 input:hover, .pstk-custom-block.detail-product-4 .dokan-btn-theme:hover {
background-color: #c017e0;
border-color: #c017e0; }
.pstk-custom-block.detail-product-5 {
background-color: #ffffff; }
.pstk-custom-block.detail-product-5 .row {
margin-top: -150px; }
.pstk-custom-block.detail-product-5 .detail-img img {
max-width: 500px;
width: 100%;
height: auto; }
@media screen and (max-width: 960px) {
.pstk-custom-block.detail-product-5 .right-col {
padding-top: 50px; } }
.pstk-custom-block.detail-product-6 {
padding-top: 50px;
padding-bottom: 50px; }
.pstk-custom-block.detail-product-6 .left-col {
text-align: left; }
.pstk-custom-block.detail-product-6 .right-col {
text-align: center;
margin-top: -100px; }
@media screen and (max-width: 960px) {
.pstk-custom-block.detail-product-6 .right-col {
margin-top: initial; } }  .slick-slider {
position: relative;
direction: ltr;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
top: 0;
left: 0;
display: block; }
.slick-track:before,
.slick-track:after {
display: table;
content: ''; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }  .vbox-overlay {
background: #fdfdfd;
background: rgba(0, 0, 0, 0.85);
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 9999;
opacity: 0;
overflow-x: hidden;
overflow-y: auto; }  .vbox-preloader {
position: fixed;
width: 32px;
height: 32px;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
background-image: url(//delo.ranepa.ru/wp-content/themes/pustaka/assets/img/preload-circle.png);
text-indent: -100px;
overflow: hidden;
animation: playload 1.4s steps(18) infinite; }
@keyframes playload {
from {
background-position: 0px; }
to {
background-position: -576px; } }       .vbox-close {
cursor: pointer;
position: fixed;
top: -1px;
right: 0;
width: 46px;
height: 40px;
padding: 10px 20px 10px 0;
display: block;
background: url(//delo.ranepa.ru/wp-content/themes/pustaka/assets/img/close.gif) no-repeat #161617;
background-position: 10px center;
color: #fff;
text-indent: -100px;
overflow: hidden; }
.vbox-next, .vbox-prev {
box-sizing: content-box;
cursor: pointer;
position: fixed;
top: 50%;
color: #fff;
width: 30px;
height: 170px;
margin-top: -85px;
text-indent: -100px;
border: solid transparent; overflow: hidden; }
.vbox-prev {
left: 0;
border-width: 0 30px 0 10px;
background: url(//delo.ranepa.ru/wp-content/themes/pustaka/assets/img/prev.gif) center center no-repeat; }
.vbox-next {
right: 0;
border-width: 0 10px 0 30px;
background: url(//delo.ranepa.ru/wp-content/themes/pustaka/assets/img/next.gif) center center no-repeat; }
.vbox-title {
width: 100%;
height: 40px;
float: left;
text-align: center;
line-height: 28px;
font-size: 12px;
color: #fff;
padding: 6px 40px;
overflow: hidden;
background: #161617;
position: fixed;
display: none;
top: -1px;
left: 0; }
.vbox-num {
cursor: pointer;
position: fixed;
top: -1px;
left: 0;
height: 40px;
display: block;
color: #fff;
overflow: hidden;
line-height: 28px;
font-size: 12px;
padding: 6px 10px;
background: #161617;
display: none; } .vbox-inline {
width: 420px;
height: 315px;
padding: 10px;
background: #fff;
text-align: left;
margin: 0 auto;
overflow: auto; } .venoframe {
border: none;
width: 960px;
height: 720px; }
@media (max-width: 992px) {
.venoframe {
width: 640px;
height: 480px; } }
@media (max-width: 767px) {
.venoframe {
width: 420px;
height: 315px; } }
@media (max-width: 460px) {
.vbox-inline {
width: 100%; }
.venoframe {
width: 100%;
height: 260px; } } .vbox-open {
overflow: hidden; }
.vbox-container {
position: relative;
background: #000;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px; }
.vbox-content {
text-align: center;
float: left;
width: 100%;
position: relative;
overflow: hidden; }
.vbox-container img {
max-width: 100%;
height: auto; }