html,
body {
font-family: "Open Sans", sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
height: 100%;
background: rgba(255, 255, 255, 1);
color: rgb(83, 82, 82);
line-height: 1.1;
}
body.public {
/* overflow-x: hidden;*/
}
a {
/*color: #000000;*/
color: #0083ac;
}
a:hover,
a:focus {
color: #0083ac;
outline: none;
}
h1,
.h1-title {
font-size: 2.615em;
font-weight: normal;
margin: 0 auto 25px;
color: rgb(0, 0, 0);
text-transform: none;
line-height: 1.1;
}
h1.catalog__title,
.catalog__title {
font-size: 1.846em;
margin: 0 auto 10px;
color: rgb(0, 0, 0);
text-transform: none;
}
h1.line-title {
/*display: inline-block;*/
display: inline;
}
h1.one-tovar__title {
font-size: 2.615em;
margin: 0 auto 10px;
color: rgb(0, 0, 0);
}
h2,
.h2-title {
font-size: 2.615em;
margin: 0 auto 25px;
font-weight: 300;
line-height: 1.1;
color: rgb(0, 0, 0);
}
.h2-title a {
color: rgb(0, 0, 0);
text-decoration: none;
}
.h2-title--profile {
font-size: 1.2em;
text-align: center;
text-transform: uppercase;
color: #ffffff;
line-height: 1.1;
padding: 14px 0;
background: rgba(188, 169, 110, 1);
}
h3,
.h3-title {
font-size: 1.846em;
margin: 0 auto 10px;
color: rgb(0, 0, 0);
text-transform: none;
}
h4,
.h4-title {
font-size: 1.23em;
margin: 0 auto 10px;
color: rgb(0, 0, 0);
text-transform: none;
}
/*HEADER*/
.header-wrapper {
/* border: 1px solid red;*/
}
.header__top-menu-wrapper {
padding: 10px 0;
border-bottom: 1px solid rgba(230, 229, 229, 0.6);
}
header {
/* padding: 0 0 10px;*/
padding: 0;
}
.header__site-name {
text-transform: uppercase;
color: #7e7f7f;
text-align: center;
}
.header__right {
text-align: right;
}
@media (max-width: 992px) {
.header__right {
text-align: center;
margin-top: 10px;
}
}
.like__wrapper {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.like__wrapper a {
/*font-size: 2.923em;*/
display: inline-block;
vertical-align: middle;
position: relative;
}
.like__wrapper a:hover {
text-decoration: none;
}
.like__wrapper .lnr-heart {
font-size: 2.5em;
color: #000000;
}
.like__wrapper a #likeCount {
position: absolute;
top: 0;
right: 0;
margin-right: -8px;
margin-top: -3px;
background: rgba(236, 235, 235, 1);
border-radius: 10px;
padding: 3px 9px;
color: rgb(83, 82, 82);
}
.like__wrapper a #likeCount.like__full {
background: rgba(255, 72, 82, 1);
color: #ffffff;
}
.profile__content__unlike-tovar {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
cursor: pointer;
color: rgba(255, 72, 82, 1);
font-size: 1.5em;
}
.search-wrapper {
position: relative;
display: table;
width: 100%;
/* margin-bottom: 23px;*/
}
.search-wrapper .autocomplete {
top: 38px;
left: 0;
}
.search-wrapper input {
font-size: 1.077em;
width: 100%;
padding: 10px 10px;
height: 38px;
border: 1px solid #cecdcd;
background: transparent;
color: #b0afaf;
border-radius: 5px 0 0 5px;
display: table-cell;
box-shadow: none;
}
.search__select {
width: 125px;
font-size: 1.077em;
}
#catId {
height: 38px;
border-radius: 0;
}
/*
.search-icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
color: #777676 !important;
cursor: pointer;
background: rgba(249,249,249,0);
border: 1px solid #dbdbdb;
border-left: 0;
vertical-align: middle;
padding: 7px 10px;
}
.search-icon:hover {
background: rgba(249,249,249,1);
}
.search-icon a {
color: #929090 !important;
}
*/
.search-icon {
display: table-cell;
border: 1px solid #ade145;
border-left: 0;
background: rgba(173, 225, 69, 1);
border-radius: 0 5px 5px 0;
padding: 0 10px;
color: #ffffff;
cursor: pointer;
font-size: 1.2em;
vertical-align: middle;
width: 45px;
text-align: center;
}
.search-icon .lnr {
display: inline-block;
margin-top: 3px;
}
.logo-header img {
max-width: 100%;
}
@media (max-width: 992px) {
.logo-header {
text-align: center;
margin-bottom: 10px;
}
}
.user-options {
display: inline-block;
vertical-align: middle;
margin-left: 25px;
color: #929090;
}
.user-options a {
color: #929090;
text-decoration: none;
}
.user-options__login {
display: inline-block;
vertical-align: middle;
cursor: pointer;
color: #929090;
}
.user-options__login span {
font-size: 0.85em;
}
.user-options__login:hover {
}
.header__phone {
display: inline-block;
vertical-align: middle;
color: #0083ca;
}
.header__phone span.lnr {
font-size: 0.85em;
}
.header__email {
display: inline-block;
vertical-align: middle;
color: #929090;
margin-left: 25px;
}
.header__email span.lnr {
/* font-size: 0.85em;*/
}
.langs__wrapper--mobile {
float: right;
margin-top: 15px;
}
/*end HEADER*/
/*MENU*/
.menu__wrapper {
background: rgba(0, 131, 202, 1);
}
@media (max-width: 992px) {
.menu__wrapper {
/* background: rgba(0,175,240,1);*/
}
}
@media (min-width: 992px) {
.top-menu {
z-index: 99;
position: fixed !important;
left: 0;
top: 0;
width: 100%;
background: rgba(254, 254, 254, 1);
/* padding: 15px 0 !important;*/
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
}
.menu-wrapper {
/* padding: 10px 0;*/
}
.catalog__page-link {
}
.catalog__page-link .lnr {
display: inline-block;
vertical-align: bottom;
}
.catalog__page-link a {
display: block;
color: #ffffff;
font-size: 1.846em;
font-weight: 300;
background: rgba(0, 175, 240, 1);
/* height: 33px;*/
padding: 3px 0 5px;
/* line-height: 35px;*/
}
.catalog__page-link a:hover {
text-decoration: none;
}
.navbar-brand {
height: auto;
margin-top: 5px;
padding: 0;
font-size: 13px;
/* line-height: 20px;*/
}
.navbar-brand a {
display: block;
color: #ffffff;
font-size: 1.846em;
font-weight: 300;
padding: 8px 0 5px;
}
.navbar-brand a:hover {
text-decoration: none;
}
.header__top-menu .navbar-brand {
float: right;
margin: 3px 0 0 25px;
line-height: 1.1;
font-size: 1em;
}
.navbar-brand img {
width: 100%;
max-width: 320px;
}
.navbar-default {
background: #0083ca;
border: none;
}
.header__top-menu .navbar-default {
background: transparent;
border: none;
}
.navbar {
border-radius: 0;
margin-bottom: 0;
}
.navbar-default .navbar-nav > li > a {
color: #ffffff;
padding: 5px 15px;
}
.navbar-default .navbar-nav > li > a:hover {
color: #ffffff;
text-decoration: underline;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #ffffff;
text-decoration: underline;
background: transparent;
}
.header__main-menu .navbar-default .navbar-nav > li > a {
/* text-transform: uppercase;*/
font-size: 1.077em;
}
/*
.header__top-menu .navbar-default .navbar-nav > li > a {
color: #ffffff;
}
.header__top-menu .navbar-default .navbar-nav > li > a:hover {
color: #ffffff;
text-decoration: underline;
}
.header__top-menu .navbar-default .navbar-nav > .active > a,
.header__top-menu .navbar-default .navbar-nav > .active > a:hover,
.header__top-menu .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff;
text-decoration: underline;
background: transparent;
}
*/
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border: none;
text-align: left;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #000000;
background: transparent !important;
}
/*
.header-dropdown-menu-table {
display: table;
border: none;
height: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
}
.header-dropdown-menu {
position: absolute;
top: 50px;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 0;
list-style: none;
background: rgba(254,254,254,1);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
height: auto;
opacity: 1;
filter: alpha(opacity=100);
overflow: visible;
visibility: visible;
box-shadow: none;
padding-bottom: 25px;
}
/*
.header-dropdown-menu:hover {
display: block;
}
*/
/*
@media (min-width: 992px) {
.header-dropdown-menu:after,
.header-dropdown-menu:before {
position: absolute;
width: 100vw;
height: 100%;
background: rgba(254,254,254,1);
border: none;
content: '';
top: 0;
bottom: 0;
}
.header-dropdown-menu:before {
left: 0;
}
.header-dropdown-menu:after {
right: 100%;
}
}
.header-dropdown-menu > li > a:hover,
.header-dropdown-menu > li > a:focus {
color: #6b6a6a;
text-decoration: none;
background: transparent;
margin-bottom: 5px;
}
.header-dropdown-menu__inner {
position: relative;
padding-left: 7px;
min-width: 50vw;
display: table;
width: 100%;
}
.header-dropdown-menu__inner-item {
display: table-cell;
vertical-align: top;
}
.header-dropdown-menu__inner a {
text-decoration: none;
color: #000000;
}
.header-dropdown-menu__inner a:hover,
.header-dropdown-menu__inner a:focus {
text-decoration: none;
color: #6b6a6a;
}
.header-menu__cat-image {
padding: 0 0 0 25px;
margin-left: 25px;
border-left: 1px solid #6b6a6a;
}
.header-menu__cat-image img {
max-width: 100%;
}
.header-dropdown-meny__link {
white-space: nowrap;
}
@media (max-width: 992px) {
}
*/
.navbar-default .navbar-toggle {
border: none;
padding: 0;
border-radius: 0;
float: right;
border: none;
padding: 7px 0 10px;
margin-right: 0;
margin-top: 10px;
}
.header__top-menu .navbar-default .navbar-toggle {
border: none;
padding: 0;
border-radius: 0;
float: left;
border: none;
padding: 7px 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
left: 10px;
}
@media (min-width: 768px) {
.header__top-menu .navbar-default .navbar-toggle {
}
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
border: none;
background: #ffffff;
}
@media (max-width: 480px) {
.navbar-brand img {
max-width: 230px;
}
.navbar-default .navbar-toggle {
/* margin-top: 20px;*/
}
}
/*end MENU*/
/* CART */
.basket__wrapper {
display: inline-block;
}
@media (max-width: 992px) {
.basket__wrapper {
margin-top: 10px;
text-align: center;
}
}
.basket {
display: inline-block;
vertical-align: middle;
cursor: pointer;
position: relative;
/* border: 1px solid red;*/
}
.basket .lnr-cart {
color: #000000;
/*font-size: 2.923em;*/
font-size: 2.5em;
display: inline-block;
vertical-align: top;
}
.basket #cartCount {
position: absolute;
top: 0;
right: 0;
margin-right: -8px;
margin-top: -3px;
background: rgba(236, 235, 235, 1);
border-radius: 10px;
padding: 3px 9px;
}
.basket #cartCount.cart__full {
background: rgba(255, 72, 82, 1);
color: #ffffff;
}
.order__tabs.nav-tabs {
display: table;
width: 100%;
border: none;
}
.order__tabs.nav-tabs > li {
text-align: center;
display: table-cell;
float: none;
}
.order__tabs.nav-tabs > li > a {
border-radius: 0;
font-size: 1.23em;
color: #000000;
text-align: center;
margin: 0 auto;
padding: 14px 0;
border: none;
}
.order__tabs.nav-tabs > li.active > a,
.order__tabs.nav-tabs > li.active > a:hover,
.order__tabs.nav-tabs > li.active > a:focus {
color: #000000;
cursor: default;
background-color: #f5f5f5;
border: none;
}
.order__rules-table {
display: table;
}
.order__rules-td {
display: table-cell;
vertical-align: middle;
padding: 5px;
}
.order__rules-info {
font-size: 1.077em;
line-height: 1.1;
color: #000000;
}
.order__rules-text {
max-width: 500px;
}
.order__rules-info a {
cursor: pointer;
color: #0083ac;
}
.order__form {
padding: 20px;
background: rgba(248, 249, 249, 1);
}
.order__border-bottom--gray {
border-bottom: 1px solid #f3f3f3;
}
.order__table tr:first-child td {
border-top: none;
font-size: 1.077em;
white-space: nowrap;
}
.order__table--border tr:first-child td {
border-top: 1px solid #dddddd;
}
.order__table tr:last-child td {
border-bottom: 1px solid #dddddd;
}
.order__table--border tr:last-child td {
border-bottom: 1px solid #dddddd;
}
.order__table td {
vertical-align: middle !important;
}
.order__image img {
width: 100%;
/*max-width: 150px;*/
/*min-width: 100px;*/
max-width: 75px;
min-width: 75px;
}
.order__available {
font-size: 1.077em;
}
.order__name,
.order__author {
font-size: 1.23em;
}
.order__name a,
.order__author a {
color: #000000;
}
.order__name a:hover,
.order__author a:hover {
color: #0083ca;
text-decoration: none;
}
.order__weight {
font-size: 1.23em;
color: #000000;
}
.order__code {
font-size: 0.93em;
color: #7e7d7d;
line-height: 1.1;
margin-top: 5px;
}
.order__price {
font-size: 1.385em;
color: #000000;
white-space: nowrap;
}
.order__price--big {
font-size: 1.43em;
}
.order__count input {
border: 1px solid #dddddd;
width: 35px;
font-size: 1.125em;
}
.order__delete {
font-size: 1.385em;
cursor: pointer;
}
.order__delete:hover {
color: #ff4848;
}
.order__info {
font-size: 0.8em;
}
.order__order-info {
color: #000000;
font-size: 1.23em;
}
.order__btn {
display: inline-block;
cursor: pointer;
background: rgba(0, 175, 240, 1);
border: 2px solid #00aff0;
font-size: 1.23em;
text-align: center;
white-space: nowrap;
color: #ffffff;
text-transform: uppercase;
padding: 10px 50px;
vertical-align: middle;
border-radius: 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.order__btn--pop-up {
padding: 10px 25px;
}
.order__btn:hover {
background: rgba(0, 175, 240, 0);
color: #00aff0;
text-decoration: none;
}
.order__btn--white {
border: 2px solid #00aff0;
color: #00aff0;
padding: 10px 50px;
background: rgba(0, 175, 240, 0);
}
.order__btn--white:hover {
background: rgba(0, 175, 240, 1);
color: #ffffff;
}
.order__itogo {
font-size: 1.538em;
color: #000000;
}
.order__all-sum {
display: inline-block;
font-size: 1.692em;
color: #000000;
}
.order__all-sum--small {
display: inline-block;
font-size: 1.385em;
color: #000000;
}
.order__border--grey {
border-top: 1px solid #dddddd;
margin-bottom: 15px;
margin-top: -20px;
}
@media (min-width: 992px) {
.order__bottom-info--right {
text-align: right;
}
}
@media (max-width: 991px) {
.order__bottom-info {
text-align: center;
}
.order__bottom-info--right {
margin-top: 15px;
}
}
.order__order-info-table-wrapper {
display: inline-block;
}
.order__order-info-table {
display: table;
}
.order__order-info-row {
display: table-row;
}
.order__order-info-td {
display: table-cell;
vertical-align: middle;
padding: 5px;
text-align: left;
}
.order__order-info-td:nth-child(2) {
text-align: center;
padding-left: 85px;
}
.order__order-info-row--border .order__order-info-td {
border-top: 1px solid #f3f3f3;
padding-top: 15px;
}
.order__order-info-row--pb15 .order__order-info-td {
padding-bottom: 15px;
}
.order-link__login {
cursor: pointer;
display: inline-block;
text-decoration: underline;
}
/* INPUT NUMBER */
.input-number-box {
display: inline-block;
position: relative;
vertical-align: middle;
/*border: 1px solid red;*/
}
.input-number {
padding: 5px;
margin: 0;
color: #000000;
border: 1px solid #cecdcd;
border-radius: 5px;
text-align: center;
/* max-width: 60px;*/
width: 35px;
}
.input-number-more,
.input-number-less {
position: relative;
cursor: pointer;
}
.input-number-more {
position: absolute;
top: 3px;
right: 0;
margin-right: -18px;
}
.input-number-less {
position: absolute;
top: 2px;
left: 0;
margin-left: -14px;
}
.input-number-more:after {
content: "+";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000000;
font-size: 1.5em;
}
.input-number-less:after {
content: "-";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #00000;
font-size: 1.5em;
}
.number-input {
/* margin-left: 20px;*/
}
.city-select__wrapper .autocomplete div.found-item {
display: block;
padding: 10px;
/*margin: 0 10px;*/
margin: 0;
width: 100%;
/*border-bottom: 1px solid #d7d7d7;*/
font-size: 16px;
color: #0083ca;
}
.register-item .autocomplete div.found-item {
display: block;
padding: 10px;
/*margin: 0 10px;*/
margin: 0;
width: 100%;
/*border-bottom: 1px solid #d7d7d7;*/
font-size: 16px;
color: #0083ca;
}
/* end INPUT NUMBER */
/* CONFIRM ORDER */
.register__wrapper {
background: rgba(249, 249, 249, 1);
padding: 35px;
margin-bottom: 25px;
}
.register {
display: table;
width: 100%;
}
.register-row {
display: table-row;
}
.register-item {
display: table-cell;
vertical-align: middle;
padding: 0 5px 10px;
}
.register-item label {
font-size: 13px;
color: rgb(83, 82, 82);
line-height: 1.1;
cursor: pointer;
}
/*
.register-item:nth-child(1) {
text-align: right;
}
*/
.register-item--right {
text-align: right !important;
}
.register-item--left {
text-align: left !important;
}
.register-item input[type="text"],
.register-item input[type="password"] {
width: 100%;
border: 1px solid #dddddd;
line-height: 20px;
padding: 5px;
margin-top: 3px;
border-radius: 0;
box-shadow: none;
}
.register-item textarea {
width: 100%;
border: 1px solid #dddddd;
line-height: 20px;
padding: 5px;
height: 100px;
margin-top: 3px;
}
.register-item2 {
max-width: 350px;
padding: 0 0 5px;
}
.register-item2 input[type="text"],
.register-item2 input[type="password"] {
width: 100%;
border: 1px solid #dddddd;
line-height: 20px;
padding: 5px;
}
.register-item2 textarea {
width: 100%;
border: 1px solid #dddddd;
line-height: 20px;
padding: 5px;
height: 100px;
}
.register-item__title {
font-size: 1.077em;
}
/*
.o-add-comment {
font-size: 0.875em;
color: #454343;
text-decoration: underline;
cursor: pointer;
display: inline-block;
margin-bottom: 5px;
}
*/
.order__color-item {
width: 30px;
height: 30px;
display: inline-block;
border: 2px solid #ffffff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
}
.order__total {
/* display: inline-block;*/
background: rgba(244, 242, 243, 1);
}
.order__total-table-wrapper {
display: inline-block;
}
.order__total-table {
display: table;
}
.order__total-table-row {
display: table-row;
}
.order__total-table-td {
display: table-cell;
vertical-align: middle;
padding: 5px 25px;
}
.order__total-table .order__total-table-td:nth-child(1) {
text-align: left;
}
.order__total .order__total-table-td {
padding: 15px 25px;
}
/* end CONFIRM ORDER */
.order__back-to-cart {
display: inline-block;
font-size: 16px;
}
/* end CART */
/* PROFILE */
.profile__wellcome-message {
font-size: 1.5em;
margin-bottom: 15px;
}
.profile__table > thead > tr > th,
.profile__table > tbody > tr > th,
.profile__table > tfoot > tr > th,
.profile__table > thead > tr > td,
.profile__table > tbody > tr > td,
.profile__table > tfoot > tr > td {
border: none;
font-size: 1.077em;
}
.profile__table tr td:last-child {
color: #000000;
}
.profile__edit-btn a {
font-size: 1.4em;
display: inline-block;
width: 28px;
height: 28px;
border-radius: 5px;
background: rgba(173, 225, 69, 1);
color: #ffffff;
vertical-align: middle;
text-align: center;
line-height: 28px;
border: 2px solid #ade145;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.profile__edit-btn a:hover {
text-decoration: none;
color: #ade145;
background: rgba(173, 225, 69, 0);
}
.profile__skidka-bg {
background: rgba(248, 249, 249, 1);
padding: 35px;
}
.profile__skidka-item {
position: relative;
color: #0083ca;
font-size: 2.615em;
font-weight: 300;
line-height: 1.1;
z-index: 2;
}
.profile__skidka-item span {
margin-right: 15px;
}
.profile__skidka-icon {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
.profile__sum-item {
margin: 15px 0;
color: #0083ca;
font-size: 2.615em;
line-height: 1.1;
}
/* ============================================== */
.profile-color-round {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
border-radius: 100%;
margin-right: 5px;
}
/*.profile-order-info {
font-size: 1.14em;
padding: 5px 15px !important;
}*/
.profile-order-table-text {
font-size: 1.14em;
}
.profile-order-status {
width: 120px;
/* border: 1px solid red;*/
text-align: left;
margin: 0 auto;
display: inline-block;
}
.profile-order-number {
width: 100px;
text-align: center;
color: #066baf;
cursor: pointer;
}
.profile-order-more {
color: #066baf;
cursor: pointer;
}
.width72 {
width: 89px !important;
/* border: 1px solid red;*/
}
.profile-order-details {
display: none;
/* position: absolute;
left: 0;
right: 0;*/
border: 1px solid #00a5df;
z-index: 1;
background: rgba(255, 255, 255, 1);
margin-bottom: 15px;
padding: 10px;
}
.profile-order-table td {
border: none;
padding: 15px !important;
}
.profile-order-table tr:first-child td {
background: rgba(246, 246, 246, 1);
}
.active-order {
display: block;
}
/* ============================================== */
.profile__order-title {
display: table;
width: 100%;
border: 1px solid #00a5df;
margin-bottom: 15px;
}
.profile-order-info {
display: table-cell;
vertical-align: middle;
padding: 10px;
font-size: 1.15em;
}
.o-table-title {
white-space: nowrap;
font-size: 1.15em;
}
.profile-order__more {
display: table;
}
.profile-order__more-row {
display: table-row;
}
.profile-order__more-td {
display: table-cell;
vertical-align: middle;
padding: 5px;
font-size: 1.15em;
}
.profile-order__more-td:nth-child(2) {
color: #000000;
padding-left: 25px;
}
@media (max-width: 767px) {
.profile__order-title {
display: block;
}
.profile-order-info {
width: 100%;
display: block;
text-align: left;
padding: 5px 10px;
}
}
/* end PROFILE */
/*HTML*/
.html-home-wrapper {
padding: 25px 0 35px;
background: rgba(242, 242, 242, 1);
margin: 40px auto;
}
.html-home {
color: #888787;
}
.html2__wrapper {
padding: 35px 0;
}
.html__text a {
color: #0083ca;
}
.contact__item {
/*display: inline-block;*/
/*margin-right: 25px;*/
margin-bottom: 15px;
}
.contact__item .fa {
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
border-radius: 100%;
background: rgba(248, 248, 248, 1);
line-height: 40px;
font-size: 18px;
color: #9a9b9c;
margin-right: 5px;
}
.contact__item .fa:before {
margin-right: -5px;
}
/*end HTML*/
/* CATALOG COLLECTION */
.collection__item {
text-align: center;
margin: 0 auto 30px;
}
.collection__image {
overflow: hidden;
}
.collection__image img {
max-width: 100%;
transition: all 0.5s;
}
.collection__image:hover img.zoom {
transform: scale(2);
}
.collection__image-relative {
display: block;
position: relative;
bottom: 0;
top: 0;
right: 0;
left: 0;
z-index: 10;
opacity: 0;
}
.collection__image-absolute {
display: block;
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
/*box-shadow: 2px 2px 5px rgba(0,0,0,0.5);*/
/*border: 1px solid blue;*/
}
.collection__image-absolute img {
/*border: 1px solid red;*/
/*position: absolute;
bottom: 0;
right: 0;*/
}
.collection__name {
margin: 10px auto;
}
.collection__name a {
color: #000000;
font-size: 1.077em;
line-height: 1.1;
}
.collection__name a:hover {
text-decoration: none;
color: #000000;
}
/* end CATALOG COLLECTION */
/* ANONS TOVARS */
#newTovars .owl-prev,
#newTovars .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#newTovars .owl-prev:hover,
#newTovars .owl-next:hover {
color: #a19aa1;
}
#newTovars .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
}
#newTovars .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -35px;
}
#newTovars .owl-item {
/*
border: 1px solid red;
display: inline-block;
vertical-align: top;
float: none;
*/
}
.anons-tovar__cat-new {
}
.anons-tovars__cat-name {
display: inline-block;
cursor: pointer;
color: #535252;
}
.anons-tovars__cat-name:hover {
color: #0083ca;
}
.anons-tovars__cat-name--active {
color: #0083ca;
}
#bestTovars .owl-prev,
#bestTovars .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#bestTovars .owl-prev:hover,
#bestTovars .owl-next:hover {
color: #a19aa1;
}
#bestTovars .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
}
#bestTovars .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -35px;
}
#bestTovars .owl-item {
/*
border: 1px solid red;
display: inline-block;
vertical-align: top;
float: none;
*/
}
#topTovars .owl-prev,
#topTovars .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#topTovars .owl-prev:hover,
#topTovars .owl-next:hover {
color: #a19aa1;
}
#topTovars .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
}
#topTovars .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -35px;
}
#topTovars .owl-item {
/*
border: 1px solid red;
display: inline-block;
vertical-align: top;
float: none;
*/
}
#actionTovars .owl-prev,
#actionTovars .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#actionTovars .owl-prev:hover,
#actionTovars .owl-next:hover {
color: #a19aa1;
}
#actionTovars .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
}
#actionTovars .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -35px;
}
#actionTovars .owl-item {
/*
border: 1px solid red;
display: inline-block;
vertical-align: top;
float: none;
*/
}
/* end ANONS TOVARS */
/* TOVAR LIST */
.catalog-bg {
/* margin-top: 50px;*/
}
.catalog__count-tovars {
display: inline-block;
color: #929090;
}
.catalog__text-bg {
padding: 35px 0;
background: rgba(248, 248, 248, 1);
}
.catalog__text {
color: #535252;
}
.catalog__item {
text-align: center;
margin: 0 auto 30px;
}
.catalog__title-image img {
max-width: 100%;
}
.catalog__image {
overflow: hidden;
}
.catalog__image img {
max-width: 100%;
transition: all 1s;
}
.catalog__image:hover img.zoom {
transform: scale(1.05);
}
.catalog__name {
margin: 10px auto;
}
.catalog__name a {
color: #000000;
font-size: 1.07em;
text-transform: uppercase;
line-height: 1.1;
}
.catalog__name a:hover {
text-decoration: none;
color: #bca96e;
}
.catalog__name2 {
position: absolute;
top: 20px;
left: 20px;
text-align: left;
}
.catalog__name2 a {
color: #000000;
font-size: 1.538em;
text-transform: uppercase;
line-height: 1.1;
}
.catalog__name2 a:hover {
text-decoration: none;
}
/* last items gallery */
#lastCollections .owl-prev,
#lastCollections .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#lastCollections .owl-prev:hover,
#lastCollections .owl-next:hover {
color: #a19aa1;
}
#lastCollections .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
}
#lastCollections .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -35px;
}
#lastCollections .owl-item {
/*
border: 1px solid red;
display: inline-block;
vertical-align: top;
float: none;
*/
}
/* end last items gallery */
/* catalog gallery */
.catalog__gallery {
position: relative;
padding: 0 20px;
}
#catalog__gallery .owl-prev,
#catalog__gallery .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#catalog__gallery .owl-prev:hover,
#catalog__gallery .owl-next:hover {
color: #a19aa1;
}
#catalog__gallery .owl-prev {
position: absolute;
top: 50%;
left: 0;
/* margin-left: -20px;*/
margin-top: -35px;
}
#catalog__gallery .owl-next {
position: absolute;
top: 50%;
right: 0;
/* margin-right: -20px;*/
margin-top: -35px;
}
.catalog__gallery-item {
text-align: center;
}
.catalog__gallery-item--brands,
.catalog__gallery-item--group {
padding: 5px 5px 7px;
border: 1px solid transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.catalog__gallery-item--brands:hover,
.catalog__gallery-item--group:hover {
border: 1px solid #f3f3f3;
}
.catalog__gallery-image {
/* border: 1px solid red;*/
}
.catalog__gallery-name {
font-size: 1.077em;
margin-top: 5px;
}
.catalog__gallery-name a,
.catalog__gallery-name a:hover {
color: #000000;
text-decoration: none;
}
/* end catalog gallery */
/* TOP BRANDS */
#topBrands .owl-prev,
#topBrands .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#topBrands .owl-prev:hover,
#topBrands .owl-next:hover {
color: #a19aa1;
}
#topBrands .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
}
#topBrands .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -35px;
}
#topBrands .owl-item {
}
/* end TOP BRANDS */
.list-tovar__item {
margin: 0 auto 25px;
text-align: center;
/* border: 1px solid #f3f3f3;*/
border: 1px solid transparent;
padding: 15px 10px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.list-tovar__item:hover {
border: 1px solid #f3f3f3;
}
.list-tovar__book-of-same-name {
opacity: 0;
font-size: 0.923em;
margin-top: 10px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.list-tovar__book-of-same-name span {
vertical-align: middle;
}
.list-tovar__book-of-same-name a,
.list-tovar__book-of-same-name a:hover {
text-decoration: none;
color: #000000;
}
.list-tovar__item:hover .list-tovar__book-of-same-name {
opacity: 1;
}
.list-tovar__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(155, 148, 148, 0);
transition: all 1s;
}
.list-tovar__image {
overflow: hidden;
/*border: 1px solid red;*/
}
.list-tovar__image img {
max-width: 100%;
margin: 0 auto;
width: auto !important;
transition: all 1s;
}
@media (max-width: 767px) {
/*.list-tovar__image img {
max-width: 40%;
}*/
}
.list-tovar__image:hover .list-tovar__overlay {
background: rgba(155, 148, 148, 0.25);
}
.list-tovar__image img.zoom:hover {
transform: scale(1.1);
}
img.list-tovar__image--absolute {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.list-tovar__image-link {
display: block;
}
.list-tovar__info {
margin-top: 10px;
color: #929090;
}
.list-tovar__stars-comment .fa-star {
color: #fabd07;
}
.list-tovar__stars-comment .fa-star-o {
color: #a19e9e;
}
.list-tovar__comment {
font-size: 0.923em;
}
.list-tovar__comment .fa {
vertical-align: top;
}
.list-tovar__comment a,
.list-tovar__comment a:hover {
text-decoration: none;
color: #929090;
}
.list-tovar__name {
font-size: 1.076em;
line-height: 1.2;
margin-bottom: 5px;
min-height: 60px;
font-weight: 600;
}
.list-tovar__name a {
color: #000000;
}
.list-tovar__name a:hover {
color: #000000;
text-decoration: none;
}
.list-tovar__name--mini {
font-size: 0.93em;
line-height: 1.1;
}
.list-tovar__name--mini a:hover {
text-decoration: none;
}
.list-tovar__code {
font-size: 0.923em;
line-height: 1.1;
margin-top: 5px;
}
/*
.list-tovar__code .fa-circle,
.one-tovar__specification-item .fa-circle {
margin-right: 2px;
color: #bcbbbb;
}
.list-tovar__count-round {
color: #bcbbbb;
line-height: 1.1;
display: inline-block;
vertical-align: middle;
font-weight: bold;
}
*/
.list-tovar__price {
font-size: 1.385em;
display: inline-block;
vertical-align: middle;
white-space: normal;
color: #000000;
}
.list-tovar__price--old {
text-decoration: line-through;
color: #adacac;
}
.list-tovar__price--mini {
font-size: 1.143em;
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.list-tovar__labels {
position: absolute;
left: 0;
top: 15px;
text-align: left;
z-index: 2;
}
.list-tovar__label {
text-align: center;
padding: 5px 25px 8px;
color: #ffffff !important;
margin-top: 5px;
}
.list-tovar__label--isaction {
background: rgba(253, 61, 47, 1);
}
.list-tovar__label--isnew {
background: rgba(242, 137, 1, 1);
}
.list-tovar__label--istop {
background: rgba(0, 175, 240, 1);
}
.list-tovar__label--isbestseller {
background: rgba(62, 222, 122, 1);
}
.list-tovar__btn--wrapper {
display: inline-block;
}
.list-tovar__btn--table {
display: table;
/*width: 100%;*/
}
.list-tovar__btn--td {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.list-tovar__btn {
display: inline-block;
/*width: 100%;*/
margin: 0 auto;
cursor: pointer;
background: rgba(173, 225, 69, 0);
text-align: center;
white-space: nowrap;
color: #ade145;
border: 2px solid #ade145;
border-radius: 5px;
/*padding: 5px;*/
padding: 5px 15px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.list-tovar__btn2 {
display: inline-block;
width: 100%;
margin: 0 auto;
cursor: pointer;
background: rgba(146, 144, 144, 0);
text-align: center;
color: #929090;
border: 2px solid #929090;
border-radius: 5px;
padding: 5px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.list-tovar__btn:hover {
background: rgba(173, 225, 69, 1);
color: #ffffff;
}
.list-tovar__btn--incart {
background: rgba(173, 225, 69, 1);
color: #ffffff;
}
.list-tovar__btn2:hover {
background: rgba(146, 144, 144, 1);
color: #ffffff;
}
.list-tovar__btn--link {
margin-top: 10px;
}
.list-tovar__btn--link a {
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: rgba(188, 169, 110, 0);
font-size: 0.93em;
text-align: center;
white-space: nowrap;
color: #bca96e;
border: 2px solid #bca96e;
padding: 10px 15px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.list-tovar__btn--link a:hover {
background: rgba(188, 169, 110, 1);
color: #ffffff;
text-decoration: none;
}
.list-tovar__btn-in-cart--link a {
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: rgba(216, 13, 27, 0);
font-size: 0.93em;
text-align: center;
white-space: nowrap;
color: #d80d1b;
border: 2px solid #d80d1b;
padding: 10px 15px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.list-tovar__btn-in-cart--link a:hover {
background: rgba(216, 13, 27, 1);
color: #ffffff;
text-decoration: none;
}
.list-tovar__btn-in-cart {
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: rgba(216, 13, 27, 0);
font-size: 0.93em;
text-align: center;
white-space: nowrap;
color: #d80d1b;
border: 2px solid #d80d1b;
padding: 10px 15px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.list-tovar__btn-in-cart:hover {
background: rgba(216, 13, 27, 1);
color: #ffffff;
text-decoration: none;
}
.favorite__out {
background: rgba(233, 233, 233, 1);
padding: 7px 9px;
border-radius: 5px;
display: inline-block;
margin-left: 5px;
color: #000000;
cursor: pointer;
}
.favorite__in {
/*background: rgba(233,233,233,1);*/
background: rgba(255, 72, 82, 1);
padding: 7px 9px;
border-radius: 5px;
display: inline-block;
margin-left: 5px;
color: #ffffff;
cursor: pointer;
}
.list-tovar__like .favorite__in {
display: none;
}
.list-tovar__like.favorit .favorite__out {
display: none;
}
.list-tovar__like.favorit .favorite__in {
display: inline-block;
}
/* ONE TOVAR */
.one-tovar__bg {
margin: 0 auto 25px;
}
.one-tovar__image img {
max-width: 100%;
}
/*
.one-tovar__sizes {
margin: 10px auto 25px;
cursor: pointer;
}
.one-tovar__size-item {
min-width: 30px;
height: 30px;
padding: 0 10px;
display: inline-block;
line-height: 27px;
color: #000000;
vertical-align: middle;
text-align: center;
border: 1px solid #c7c7c7;
background: rgba(253,253,253,1);
}
.one-tovar__size-item--active {
border: 1px solid #000000;
}
.one-tovar__colors {
margin: 10px auto 25px;
cursor: pointer;
}
.one-tovar__color-item {
width: 30px;
height: 30px;
display: inline-block;
border: 2px solid #ffffff;
box-shadow: 0 0 1px rgba(0,0,0,0.25);
}
.one-tovar__color-item--active {
outline: 1px solid #000000;
}
.one-tovar__color-item--hide {
opacity: 0.5;
}
.one-tovar__color-item--cursor {
cursor: pointer;
}
*/
#oneTovarPhotos {
position: relative;
}
#oneTovarPhotos .owl-prev,
#oneTovarPhotos .owl-next {
background: rgba(255, 255, 255, 0.2);
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
width: 30px;
height: 70px;
text-align: center;
border-radius: 0;
}
#oneTovarPhotos .owl-prev:hover,
#oneTovarPhotos .owl-next:hover {
background: rgba(255, 255, 255, 0.62);
}
#oneTovarPhotos .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
}
#oneTovarPhotos .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -35px;
}
#oneTovarPhotos .owl-prev .fa {
margin-left: -2px;
color: rgba(0, 0, 0, 0.15);
}
#oneTovarPhotos .owl-next .fa {
margin-right: -2px;
color: rgba(0, 0, 0, 0.15);
}
.one-tovar__table {
display: table;
width: 100%;
}
.one-tovar__row {
display: table-row;
}
.one-tovar__td {
display: table-cell;
vertical-align: middle;
}
.one-tovar__td--left {
text-align: left;
}
.one-tovar__td--right {
text-align: right;
}
.one-tovar__available {
color: #000000;
font-size: 1.385em;
}
.one-tovar__available--red {
color: #f65e5d;
}
.one-tovar__code {
font-size: 0.923em;
}
.one-tovar__code span {
display: inline-block;
padding: 5px;
background: rgba(233, 233, 233, 1);
}
.one-tovar__specification-item--left {
font-size: 1.077em;
font-weight: 300;
color: #929090;
padding: 3px 0;
}
.one-tovar__specification-item--right {
font-size: 1.077em;
color: #000000;
padding: 3px 0 3px 5px;
}
.one-tovar__specification-item--right a {
color: #0083ca;
}
.one-tovar__price {
font-size: 1.846em;
display: inline-block;
vertical-align: middle;
white-space: normal;
color: #000000;
margin-right: 35px;
}
.one-tovar__price--old {
text-decoration: line-through;
color: #adacac;
margin-right: 10px;
}
.one-tovar__count {
display: inline-block;
vertical-align: middle;
font-size: 1.23em;
}
/*
.one-tovar__btn {
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: rgba(188,169,110,1);
font-size: 0.93em;
text-align: center;
white-space: nowrap;
color: #ffffff;
border: 2px solid #ffffff;
padding: 10px 15px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.one-tovar__btn:hover {
background: rgba(255,255,255,1);
color: #bca96e;
}
*/
.one-tovar__btn {
font-size: 1.23em;
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: rgba(173, 225, 69, 1);
text-align: center;
white-space: nowrap;
color: #ffffff;
border: 2px solid #ade145;
border-radius: 5px;
padding: 5px 15px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.one-tovar__btn2 {
font-size: 1.23em;
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: rgba(146, 144, 144, 0);
text-align: center;
color: #929090;
border: 2px solid #929090;
border-radius: 5px;
padding: 5px 15px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.one-tovar__btn:hover {
background: rgba(173, 225, 69, 0);
color: #ade145;
}
.one-tovar__btn2:hover {
background: rgba(146, 144, 144, 1);
color: #ffffff;
}
.one-tovar__btn3 {
display: inline-block;
vertical-align: middle;
}
.one-tovar__btn3 a {
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: rgba(0, 175, 240, 0);
text-align: center;
white-space: nowrap;
color: #00aff0;
border: 2px solid #00aff0;
border-radius: 5px;
padding: 5px 10px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.one-tovar__btn3 a:hover {
text-decoration: none;
background: rgba(0, 175, 240, 1);
color: #ffffff;
}
.one-tovar__btn3 span.lnr {
display: inline-block;
vertical-align: middle;
margin-left: 3px;
}
.one-tovar__btn3--mt10 {
margin-bottom: 10px;
}
.one-tovar__btn--white {
font-size: 1.23em;
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: rgba(173, 225, 69, 0);
color: #ade145;
text-align: center;
white-space: nowrap;
border: 2px solid #ade145;
border-radius: 5px;
padding: 5px 15px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.one-tovar__btn--white:hover {
background: rgba(173, 225, 69, 1);
color: #ffffff;
}
.one-tovar__book-of-same-name {
font-size: 1.077em;
margin-bottom: 15px;
}
.one-tovar__book-of-same-name span {
vertical-align: middle;
}
.one-tovar__book-of-same-name a {
text-decoration: none;
color: #0083ca;
}
.one-tovar__book-of-same-name a:hover {
text-decoration: none;
}
.one-tovar__author-print--item {
display: inline-block;
vertical-align: top;
margin-right: 25px;
}
.one-tovar__author-print--image {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.one-tovar__author-print--image img {
border-radius: 100%;
max-width: 100%;
}
.one-tovar__author-print--image-group img {
border: 1px solid #f3f3f3;
}
.one-tovar__author-print--info-wrapper {
display: inline-block;
vertical-align: middle;
font-size: 1.077em;
}
.one-tovar__author-print--name a {
color: #0083ca;
}
.one-tovar__text {
margin: 10px auto;
line-height: normal;
}
.one-tovar__border-bottom--gray {
border-bottom: 1px solid #f3f3f3;
}
.one-tovar__border-bottom--gray2 {
border-bottom: 1px solid #aeadad;
}
.one-tovar__labels {
position: absolute;
right: 0;
top: 15px;
font-size: 1.23em;
text-align: left;
z-index: 2;
}
.one-tovar__label {
text-align: center;
padding: 5px 25px 8px;
color: #ffffff !important;
margin-top: 5px;
}
.one-tovar__stars-comment {
display: table;
width: 100%;
}
.one-tovar__comment-stars {
display: table-cell;
vertical-align: middle;
}
.one-tovar__comment-stars span {
margin-right: 15px;
}
.one-tovar__comment-stars .fa-star {
color: #fabd07;
}
.one-tovar__comment-stars .fa-star-o {
color: #a19e9e;
}
.one-tovar__item-title .fa-star {
color: #fabd07;
}
.one-tovar__item-title .fa-star-o {
color: #a19e9e;
}
.one-tovar__comment-stars--name {
color: #000000;
}
.one-tovar__comment-dt {
display: table-cell;
vertical-align: middle;
text-align: right;
font-weight: 300;
color: #929090;
}
.one-tovar__comment-text {
line-height: normal;
}
.favorite__out {
background: rgba(233, 233, 233, 1);
padding: 7px 9px;
border-radius: 5px;
display: inline-block;
margin-left: 5px;
color: #000000;
cursor: pointer;
}
.favorite__in {
/*background: rgba(233,233,233,1);*/
background: rgba(255, 72, 82, 1);
padding: 7px 9px;
border-radius: 5px;
display: inline-block;
margin-left: 5px;
color: #ffffff;
cursor: pointer;
}
.one-tovar__like .favorite__in {
display: none;
}
.one-tovar__like.favorit .favorite__out {
display: none;
}
.one-tovar__like.favorit .favorite__in {
display: inline-block;
}
/*
.one-tovar__like {
display: block;
max-width: 320px;
margin: 0 auto 25px;
cursor: pointer;
font-size: 1.286em;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
padding: 5px 0 5px;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.one-tovar__like:hover {
color: #6b6a6a;
}
.one-tovar__like .favorite__in {display: none;}
.one-tovar__like.favorit .favorite__out {display: none;}
.one-tovar__like.favorit .favorite__in {display: block;}
*/
.one-tovar__item-title {
font-size: 1.846em;
font-weight: normal;
text-transform: none;
line-height: 1.1;
color: #000000;
}
.one-tovar__item-title a,
.one-tovar__item-title a:hover {
text-decoration: none;
color: #000000;
}
.one-tovar__item-title--line {
display: inline-block;
vertical-align: middle;
}
.showMore,
.hideMore {
cursor: pointer;
color: #0083ac;
margin: 10px 0;
font-size: 1.077em;
font-weight: 300;
}
.showMore span,
.hideMore span {
display: inline-block;
margin-left: 3px;
vertical-align: middle;
font-size: 0.8em;
}
/*
.one-tovar__icons-set {
margin-top: 25px;
}
.one-tovar__icon {
display: inline-block;
vertical-align: top;
text-align: center;
width: 85px;
}
.one-tovar__icon-name {
font-size: 0.67em;
color: #99969d;
line-height: 1.1;
margin: 5px auto 10px;
}
*/
/* ONE TOVAR DELIVERY PAYMENT INFO */
.one-tovar__delivery-pay--title {
background: rgba(0, 175, 240, 1);
color: #ffffff;
font-size: 1.846em;
text-align: center;
padding: 7px 0 10px;
}
.one-tovar__delivery-pay--bg {
background: rgba(248, 249, 249, 1);
padding: 15px 15px 5px 15px;
}
.one-tovar__delivery-pay--item {
border-bottom: 1px solid #aeadad;
padding-bottom: 10px;
}
.one-tovar__delivery-pay--item:nth-last-child(1) {
border-bottom: none;
}
.one-tovar__delivery-pay--item-table {
display: table;
width: 100%;
}
.one-tovar__delivery-pay--item-row {
display: table-row;
}
.one-tovar__delivery-pay--item-td {
display: table-cell;
font-weight: 300;
color: #535252;
padding: 2px 0;
}
.one-tovar__delivery-pay--item-table .one-tovar__delivery-pay--item-row .one-tovar__delivery-pay--item-td:nth-child(2) {
text-align: right;
font-weight: normal;
padding-left: 5px;
}
.one-tovar__delivery-pay--item-name {
margin: 10px 0;
display: table;
text-align: left;
}
.one-tovar__delivery-pay--item-name span {
display: table-cell;
vertical-align: middle;
font-size: 1.23em;
color: #000000;
}
.one-tovar__delivery-pay--item-name span.lnr {
color: #929090;
padding-right: 10px;
}
/* end ONE TOVAR DELIVERY PAYMENT INFO */
#collectionTovars {
position: relative;
}
#collectionTovars .owl-prev,
#collectionTovars .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#collectionTovars .owl-prev:hover,
#collectionTovars .owl-next:hover {
color: #a19aa1;
}
#collectionTovars .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-left: -20px;
margin-top: -35px;
}
#collectionTovars .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-right: -20px;
margin-top: -35px;
}
#topTovarsOneTovar {
position: relative;
}
#topTovarsOneTovar .owl-prev,
#topTovarsOneTovar .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#topTovarsOneTovar .owl-prev:hover,
#topTovarsOneTovar .owl-next:hover {
color: #a19aa1;
}
#topTovarsOneTovar .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-left: -20px;
margin-top: -35px;
}
#topTovarsOneTovar .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-right: -20px;
margin-top: -35px;
}
/* end ONE TOVAR */
/* end TOVAR LIST */
/* PODBOR */
@media (max-width: 767px) {
.filter__section {
position: fixed;
top: 0;
left: 0;
width: 320px;
margin-left: -320px;
overflow: auto;
height: 100%;
z-index: 999;
background: rgba(255, 255, 255, 1);
}
.filter__section.opened {
margin-left: 0;
}
.filter__section--inner {
padding: 10px 25px;
}
.filter__close {
background: rgba(0, 131, 202, 1);
color: #ffffff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
position: absolute;
top: 0;
right: 10px;
font-size: 2.5em;
}
.filter__open {
position: fixed;
left: 0;
top: 30%;
background: rgba(0, 131, 202, 1);
color: #ffffff;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
cursor: pointer;
font-size: 2.5em;
z-index: 9;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.65);
}
}
.podbor__bg {
/* margin-bottom: 40px;*/
/*padding-right: 15px;*/
}
/*
.podbor__tabs.nav-tabs {
display: table;
width: 100%;
border-color: #dbdbdb;
}
.podbor__tabs.nav-tabs > li {
text-align: center;
display: table-cell;
float: none;
}
.podbor__tabs.nav-tabs > li > a {
border-radius: 0;
font-size: 1.2em;
line-height: 1.1;
text-transform: uppercase;
color: #9d9c9c;
text-align: center;
margin: 0 auto;
padding: 14px 0;
}
.podbor__tabs.nav-tabs > li.active > a,
.podbor__tabs.nav-tabs > li.active > a:hover,
.podbor__tabs.nav-tabs > li.active > a:focus {
color: #ffffff;
cursor: default;
background-color: #bca96e;
border: 1px solid transparent;
border-bottom-color: transparent;
}
*/
.podbor__cat-level1 {
/*border-bottom: 1px solid rgba(174,173,173,0.07);*/
border-bottom: 1px solid #f3f3f3;
line-height: 1.1;
}
.podbor__cat-level1:first-child {
border-top: 1px solid #f3f3f3;
}
.podbor__cat-level1__name {
font-size: 1.23em;
padding: 10px 0;
}
.podbor__cat-level1__name a {
color: #000000;
}
.podbor__cat-level1__name a:hover {
text-decoration: none;
color: #0083ca;
}
.podbor__cat-level1__name--cat {
position: relative;
}
.podbor__cat-level1__name--cat .lnr-chevron-left {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
margin-right: -1px;
font-size: 16px;
/*color: red !important;*/
color: #f3f3f3 !important;
display: none;
background: rgba(255, 255, 255, 1);
z-index: 4;
}
.podbor__cat-level1__name--cat:hover .lnr-chevron-left {
display: block;
}
.podbor__cat-level2 {
margin-bottom: 10px;
/*border: 1px solid red;*/
}
.podbor__cat-level2__name a {
display: block;
margin: 7px 0;
line-height: 1.1;
color: #535252;
padding-left: 10px;
padding-right: 15px;
position: relative;
/*position: relative;*/
}
.podbor__cat-level2__name a:hover {
text-decoration: none;
color: #0083ca;
}
.podbor__cat-level2__name:hover a {
text-decoration: none;
color: #0083ca;
}
.podbor__cat-level2__name .lnr-chevron-left {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
margin-right: -1px;
font-size: 16px;
/*color: red !important;*/
color: #f3f3f3 !important;
display: none;
background: rgba(255, 255, 255, 1);
z-index: 4;
}
/*.podbor__cat-level2__name:hover .lnr-chevron-left {
display: block;
}*/
/*
.podbor__cat-level3__name {
padding-left: 10px;
}
.podbor__cat-level3__name a {
display: block;
margin: 5px 0;
line-height: 1.1;
color: #0083ca;
}
.podbor__cat-level3__name a:hover {
text-decoration: none;
color: #bca96e;
}
*/
.podbor__cat-level2--is-drop-down {
/*position: relative;*/
}
.podbor__cat-level3--drop-down--wrapper {
display: none;
position: absolute;
background: rgba(255, 255, 255, 1);
/*border: 1px solid #f3f3f3;*/
/*border: 1px solid blue;*/
width: 100%;
right: 0;
top: 0;
bottom: 0;
margin-right: -99%;
z-index: 3;
}
.podbor__cat-level3--drop-down--wrapper .relative {
height: 100%;
/*border: 1px solid red;*/
}
.podbor__cat-level3--drop-down {
position: absolute;
/*display: none;*/
background: rgba(255, 255, 255, 1);
width: 100%;
right: 0;
/*top: 0;*/
/*bottom: 0;*/
/*padding: 50px 10px 55px;*/
/*padding: 50px 0 55px;*/
/*padding: 0;*/
z-index: 3;
/*margin-right: -99%;*/
/*border: 2px solid red;*/
}
.podbor__cat-level3__name--drop-down {
padding: 0 10px;
/*border-bottom: 1px solid #f3f3f3;*/
background: rgba(255, 255, 255, 1);
border-left: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
/*border: 1px solid blue;*/
}
.podbor__cat-level3__name--drop-down:first-child {
border-top: 1px solid #f3f3f3;
padding-top: 50px;
}
.podbor__cat-level3__name--drop-down:last-child {
border-bottom: 1px solid #f3f3f3;
padding-bottom: 50px;
}
.podbor__cat-level3__name--drop-down a {
/*font-size: 1.25em;*/
display: block;
/*margin: 5px 0;*/
padding: 5px 10px;
line-height: 1.1;
color: #000000;
border-bottom: 1px solid #f3f3f3;
}
.podbor__cat-level3__name--drop-down a:hover {
text-decoration: none;
color: #0083ca;
}
@media (min-width: 768px) {
.podbor__cat-level2--is-drop-down:hover > .podbor__cat-level3--drop-down--wrapper {
display: block;
}
/*.podbor__cat-level2--is-drop-down:hover > .podbor__cat-level3--drop-down {
display: block;
}*/
.podbor__cat-level2__name:hover .lnr-chevron-left {
display: block;
}
}
@media (max-width: 767px) {
.podbor__cat-level2--is-drop-down:hover > .podbor__cat-level3--drop-down {
display: none;
}
}
.podbor__current-cat {
text-decoration: none;
color: #0083ca !important;
}
.podbor__title {
color: #000000;
background: rgba(245, 245, 245, 1);
padding: 5px 10px 10px;
text-align: center;
font-size: 1.846em;
margin-bottom: 15px;
}
.podbor__item-title {
text-transform: uppercase;
border-bottom: 1px solid #cecece;
padding-bottom: 10px;
padding-top: 10px;
/* margin-bottom: 10px;*/
line-height: 1.1;
}
.podbor__item-title--page {
text-transform: uppercase;
padding-bottom: 10px;
line-height: 1.1;
}
.podbor__item-title__one-tovar {
border-bottom: none;
}
.podbor__item-title--first {
border-top: 1px solid #cecece;
}
.podbor-razdel__title {
font-size: 1.23em;
color: #000000;
}
.podbor-razdel__title-lists {
}
.leftPrice,
.rightPrice {
display: inline-block;
vertical-align: middle;
}
.leftPrice input,
.rightPrice input {
background: rgba(255, 255, 255, 1);
width: 55px;
padding: 5px;
height: 26px;
border: 1px solid rgba(0, 0, 0, 0.15);
line-height: 22px;
margin: 5px;
/* text-align: center;*/
}
.specification__title {
position: relative;
cursor: pointer;
padding: 10px 0;
/* border: 1px solid red;*/
}
.specification__title:after {
/* content: "\f068";*/
content: "\2013";
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
top: 8px;
right: 7px;
color: #000000;
/* margin-top: -2px;*/
/* border: 1px solid blue;*/
}
.specification__title-close:after {
/* content: "\f067";*/
content: "\002b";
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
top: 10px;
right: 5px;
color: #000000;
/* border: 1px solid red;*/
}
.specification__item-area {
border-bottom: 1px solid rgba(174, 173, 173, 0.07);
}
.specification__item {
line-height: 1.1;
}
.specification__item input {
vertical-align: bottom;
}
.specification__item--inline {
display: inline-block;
margin-right: 50px;
}
.specification__morearea {
max-height: 550px;
overflow-y: auto;
}
@media (max-width: 767px) {
.specification__morearea {
max-height: 300px;
overflow-y: auto;
}
}
/*.specification__brand {
max-height: 300px;
overflow-y: auto;
}*/
.specification__showmore {
cursor: pointer;
color: #0083ac;
margin: 10px 0;
font-size: 1.077em;
font-weight: 300;
}
.specification__showmore span {
display: inline-block;
margin-left: 3px;
vertical-align: middle;
font-size: 0.8em;
}
.podbor__btn {
display: inline-block;
cursor: pointer;
background: rgba(245, 245, 245, 1);
text-align: center;
white-space: nowrap;
color: #000000;
text-transform: uppercase;
padding: 5px 10px;
height: 26px;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.podbor__btn:hover {
}
.podbor__table {
background: rgba(249, 249, 249, 1);
margin-bottom: 15px;
}
.podbor__table-inner {
padding: 10px;
}
.podbor__title-row {
position: relative;
cursor: pointer;
cursor: pointer;
}
.podbor__title-row .lnr-cross {
position: absolute;
top: 5px;
right: 0;
}
.podbor__title-row--close .lnr-cross {
display: none;
}
.podbor__title-row .lnr-chevron-down {
position: absolute;
top: 5px;
right: 0;
display: none;
}
.podbor__title-row--close .lnr-chevron-down {
display: block;
}
.podbor__area {
margin-top: 15px;
}
/* end PODBOR */
/* NEWS & LAST NEWS */
.last-news__wrapper {
margin-bottom: 35px;
}
.last-news__title {
color: #ffffff;
background: rgba(0, 175, 240, 1);
padding: 10px;
text-align: center;
font-size: 2em;
margin-bottom: 20px;
}
.last-news__item {
padding: 0 0 15px;
margin: 10px 15px 10px 0;
border-bottom: 1px solid rgba(174, 173, 173, 0.07);
line-height: 1.1;
}
.last-news__dt {
color: #929090;
}
.last-news__name {
line-height: 1.1;
margin-top: 10px;
}
.last-news__name a,
.last-news__name a:hover {
text-decoration: none;
}
.last-news__name a {
color: #000000;
}
.last-news__name a:hover {
color: #0083ca;
}
.news__item {
padding: 0 0 15px;
margin: 10px 15px 10px 0;
border-bottom: 1px solid rgba(174, 173, 173, 0.07);
line-height: 1.1;
}
.news__name {
line-height: 1.1;
margin-top: 10px;
}
.news__name a,
.news__name a:hover {
text-decoration: none;
}
.news__name a {
color: #000000;
}
.news__name a:hover {
color: #0083ca;
}
.news__dt {
color: #929090;
}
@media (max-width: 767px) {
.last-news__wrapper {
margin-bottom: 0;
}
}
/* end NEWS & LAST NEWS */
/* LAST PUBLISHERS */
.last-publishers__wrapper {
background: rgba(245, 245, 245, 1);
padding: 25px 0;
}
.last-publishers__item {
/* border: 1px solid red;*/
}
.last-publishers__image {
}
.last-publishers__image img {
max-width: 100%;
}
img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
#lastPublishers .owl-prev,
#lastPublishers .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#lastPublishers .owl-prev:hover,
#lastPublishers .owl-next:hover {
color: #a19aa1;
}
#lastPublishers .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-top: -35px;
}
#lastPublishers .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-top: -35px;
}
#lastPublishers .owl-item {
}
/* end LAST PUBLISHERS */
/* SPECIAL OFFER
.special-offer__item {
text-align: center;
margin-bottom: 20px;
}
.special-offer__image img {
max-width: 100%;
}
#lastSpecialOfferNav {
position: absolute;
bottom: 0;
right: 0;
}
#lastSpecialOfferNav .owl-prev,
#lastSpecialOfferNav .owl-next {
display: inline-block;
background: rgba(247,247,247,1);
padding: 0;
margin: 0;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 21px;
text-align: center;
border-radius: 0;
color: #a19aa1;
cursor: pointer;
}
#lastSpecialOfferNav .owl-prev:hover,
lastSpecialOfferNav .owl-next:hover {
color: #a19aa1;
background: rgba(247,247,247,0);
}
#lastSpecialOfferNav .owl-prev {}
#lastSpecialOfferNav .owl-next {
margin-left: 5px;
}
/* end SPECIAL OFFER */
/* VIEWED TOVARS */
.viewed-tovars__bg {
/* padding: 35px 0 0;*/
}
#viewedTovars {
position: relative;
}
#viewedTovars .owl-prev,
#viewedTovars .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#viewedTovars .owl-prev:hover,
#viewedTovars .owl-next:hover {
color: #a19aa1;
}
#viewedTovars .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-left: -20px;
margin-top: -35px;
}
#viewedTovars .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-right: -20px;
margin-top: -35px;
}
/* end VIEWED TOVARS */
/* RECOMMEND TOVARS */
.recommend-tovars__bg {
/* padding: 35px 0 0;*/
}
#recommendTovars {
position: relative;
}
#recommendTovars .owl-prev,
#recommendTovars .owl-next {
background: none;
padding: 0;
margin: 0;
font-size: 35px;
line-height: 70px;
text-align: center;
border-radius: 0;
color: #eae6ea;
}
#recommendTovars .owl-prev:hover,
#recommendTovars .owl-next:hover {
color: #a19aa1;
}
#recommendTovars .owl-prev {
position: absolute;
top: 50%;
left: 0;
margin-left: -20px;
margin-top: -35px;
}
#recommendTovars .owl-next {
position: absolute;
top: 50%;
right: 0;
margin-right: -20px;
margin-top: -35px;
}
/* end RECOMMEND TOVARS */
/* LAST GROUP */
.last-group__tabs {
border: none;
}
.last-group__tabs li a {
border: none;
background: transparent;
color: #9d9c9c;
text-decoration: underline;
}
.last-group__tabs li a:hover,
.last-group__tabs li a:focus {
border: none;
background: transparent;
color: #000000;
text-decoration: none;
}
.last-group__tabs > li.active > a,
.last-group__tabs > li.active > a:hover,
.last-group__tabs > li.active > a:focus {
color: #000000;
cursor: default;
background: transparent;
border: none;
text-decoration: none;
}
.last-group__item {
text-align: center;
margin-bottom: 20px;
}
.last-group__image img {
max-width: 100%;
}
.last-group__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(155, 148, 148, 0);
transition: all 1s;
}
.last-group__item:hover .last-group__overlay {
background: rgba(155, 148, 148, 0.25);
}
.last-group__name {
position: absolute;
bottom: 20px;
left: 0;
}
.last-group__name a {
padding: 5px 10px;
display: block;
background: rgba(255, 255, 255, 0.65);
}
.last-group__name a:hover {
text-decoration: none;
color: #000000;
}
/* end LAST GROUP */
/*ALL WORK
.all-work-item {
cursor:pointer;
}
#all-work .owl-prev, #all-work .owl-next {background:none; padding:0; margin:0; font-size:60px; line-height:60px;}
#all-work .owl-prev {position:absolute; top:50%; left:54px; margin-top:-30px;}
#all-work .owl-next {position:absolute; top:50%; right:54px; margin-top:-30px;}
#all-work .owl-pagination {
position:absolute;
bottom:10px;
left:50%;
}
#all-work .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
}
#all-work .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 3px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background:transparent;
border:1px solid #3a3a3a;
}
#all-work .owl-controls .owl-page.active span,
#all-work .owl-controls.clickable .owl-page:hover span {
background: rgba(58,58,58,1);
}
.all-work-img {
display: block;
width: 100%;
height: auto;
vertical-align: top;
border-radius: 10px;
}
.all-work-info {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
}
.all-work-info-wrapper {
display: table;
width: 50%;
height: 100%;
}
.all-work-info-inner {
display: table-cell;
vertical-align: middle;
}
.all-work-name {
font-weight: 300;
font-size: 5em;
line-height: 60px;
}
.all-work-txt {
font-size: 1.3em;
text-transform: uppercase;
margin: 30px auto;
}
@media (max-width: 992px) {
.all-work-name {
font-size: 4em;
line-height: 50px;
}
.all-work-txt {
margin: 25px auto;
}
}
.all-ၷork-btn a {
cursor: pointer;
display: inline-block;
text-align: center;
padding: 3px 35px;
border: 2px solid rgba(154,202,60,1);
text-transform: uppercase;
background: rgba(154,202,60,1);
color: #ffffff;
text-decoration: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
line-height: 28px;
}
.all-work-btn a:hover {
background: rgba(154,202,60,0);
color: rgba(154,202,60,1);
}
/*end ALL WORK*/
/* SLIDER */
#sliderOWL {
/*margin-bottom: 20px;
border: 1px solid red;*/
position: relative;
margin-bottom: 10px;
padding-top: 30px;
}
#sliderOWL .owl-dots {
width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 15px;
z-index: 2;
}
#sliderOWL .owl-controls .owl-dot span {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 2px;
padding: 0;
background: rgba(0, 0, 0, 0);
border: 1px solid #000000;
border-radius: 100%;
opacity: 1;
}
#sliderOWL .owl-controls .owl-dot.active span,
#sliderOWL .owl-controls.clickable .owl-dot:hover span {
background: rgba(0, 0, 0, 1);
}
#sliderOWL .owl-prev,
#sliderOWL .owl-next {
background: rgba(255, 255, 255, 0);
padding: 0;
margin: 0;
font-size: 35px;
line-height: 37px;
width: 45px;
height: 45px;
text-align: center;
border-radius: 0;
border-radius: 100%;
border: 2px solid rgba(0, 0, 0, 0.15);
}
#sliderOWL .owl-prev:hover,
#sliderOWL .owl-next:hover {
background: rgba(255, 255, 255, 0);
border: 2px solid rgba(255, 255, 255, 0.35);
color: rgba(255, 255, 255, 0.35);
}
#sliderOWL .owl-prev:hover .fa,
#sliderOWL .owl-next:hover .fa {
color: rgba(255, 255, 255, 0.35);
}
#sliderOWL .owl-prev {
position: absolute;
top: 50%;
left: 100px;
margin-top: -15px;
}
#sliderOWL .owl-next {
position: absolute;
top: 50%;
right: 100px;
margin-top: -15px;
}
#sliderOWL .owl-prev .fa {
margin-left: -3px;
color: rgba(0, 0, 0, 0.15);
}
#sliderOWL .owl-next .fa {
margin-right: -3px;
color: rgba(0, 0, 0, 0.15);
}
.slider__item {
}
/*
.slider__info-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.slider__info {
display: inline-block;
padding: 25px 35px;
text-align: center;
color: #000000;
line-height: 1.1;
background: rgba(255,255,255,0.65);
margin: 0 auto;
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 0 0 10px rgba(255,255,255,0.65);
}
.slider__title {
text-transform: uppercase;
font-size: 3.6em;
}
.slider__text {
margin-top: 5px;
font-size: 2em;
}
*/
.slider__btn {
position: absolute;
right: 50px;
bottom: 35px;
/*margin: 25px auto 0;*/
}
.slider__btn a {
display: inline-block;
margin: 0 auto;
cursor: pointer;
background: rgba(0, 175, 240, 1);
/*font-size: 0.93em;*/
font-size: 1.5em;
text-align: center;
white-space: nowrap;
color: #ffffff;
border: 2px solid rgba(0, 175, 240, 1);
padding: 10px 15px;
line-height: 1.1;
text-transform: uppercase;
vertical-align: middle;
border-radius: 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider__btn a:hover {
background: rgba(0, 175, 240, 1);
color: #ffffff;
text-decoration: none;
}
.slider__banner--mini {
display: inline-block;
width: 100%;
max-width: 320px;
margin: 10px auto;
background: rgba(245, 245, 245, 1);
padding: 10px;
}
.slider__banner-inner {
display: table;
}
.slider__banner-icon {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
.slider__banner-title {
display: table-cell;
vertical-align: middle;
padding: 10px;
font-size: 1.23em;
color: #000000;
text-align: left;
}
@media (max-width: 767px) {
#slider {
padding-top: 0;
}
}
/* end SLIDER */
/* RAZDEL ANONS */
.razdel-anons__item-wrapper {
overflow: hidden;
}
.razdel-anons__item {
transition: all 1s;
}
.razdel-anons__item-wrapper:hover .razdel-anons__item.zoom {
transform: scale(1.05);
}
.razdel-anons__item--left {
width: 100%;
/*padding-bottom: 56.25%;*/ /* 16:9 */
padding-bottom: 75%; /* 4:3 */
position: relative;
/* border: 1px solid red;*/
}
.razdel-anons__item--right {
width: 100%;
position: relative;
/* border: 1px solid blue;*/
}
.razdel-anons__image img {
max-width: 100%;
}
.razdel-anons__info {
display: table;
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
}
.razdel-anons__td {
display: table-cell;
vertical-align: middle;
}
.razdel-anons__td:nth-child(2) {
text-align: right;
}
.razdel-anons__link span {
white-space: nowrap;
}
.razdel-anons__title {
font-size: 2em;
line-height: 1.1;
font-weight: 600;
}
.razdel-anons__link {
line-height: 1.1;
}
.razdel-anons__link a {
color: #464545;
text-transform: uppercase;
}
.razdel-anons__link a:hover {
text-decoration: none;
color: #6b6a6a;
}
@media (max-width: 768px) {
.razdel-anons__info {
display: block;
}
.razdel-anons__td {
display: block;
}
.razdel-anons__td:nth-child(2) {
text-align: left;
}
.razdel-anons__title {
font-size: 1.5em;
margin-bottom: 5px;
}
}
/* end RAZDEL ANONS */
/* RAZDEL ANONS 2 */
.razdel-anons2__item-wrapper {
overflow: hidden;
}
.razdel-anons2__item {
width: 100%;
padding-bottom: 175%; /* 9:16 */
position: relative;
transition: all 1s;
}
.razdel-anons2__item-wrapper:hover .razdel-anons2__item.zoom {
transform: scale(1.05);
}
.razdel-anons2__title {
margin: 10px auto 20px;
font-size: 2em;
line-height: 1.1;
text-align: center;
}
.razdel-anons2__title a,
.razdel-anons2__title a:hover {
text-decoration: none;
color: #000000;
}
/* end RAZDEL ANONS 2 */
/* SUBSCRIBE FORM */
.subscribe__title {
font-size: 16px;
line-height: 1.1;
margin-bottom: 15px;
}
.subscribe__field {
white-space: nowrap;
margin-bottom: 35px;
}
/*.subscribe__input {
display: inline-block;
vertical-align: middle;
}*/
input.subscribe__input {
display: inline-block;
vertical-align: middle;
border: 1px solid #cecdcd;
border-right: 0;
/*color: #c4c4c4;*/
color: rgb(83, 82, 82);
border-radius: 5px 0 0 5px;
height: 38px;
line-height: 36px;
/*padding: 5px;*/
padding: 0px 5px;
font-size: 14px;
/*line-height: 1.1;*/
}
.subscribe__btn {
display: inline-block;
vertical-align: middle;
background: rgba(0, 175, 240, 1);
border: 1px solid rgba(0, 175, 240, 1);
border-radius: 0 5px 5px 0;
text-align: center;
text-transform: uppercase;
color: #ffffff;
cursor: pointer;
/*height: 36px;*/
font-size: 13px;
line-height: 36px;
/*padding: 5px 10px;*/
padding: 0 10px;
}
/* end SUBSCRIBE FORM
/*FOOTER*/
footer {
background: rgba(48, 49, 49, 1);
padding: 20px 0;
color: #ffffff;
font-size: 1.23em;
}
footer a {
color: #ffffff;
}
footer a:hover {
color: #00aff0;
text-decoration: none;
}
.footer__title {
text-transform: uppercase;
font-weight: 600;
margin-bottom: 25px;
}
.footer-menu__item {
margin: 0 auto 8px;
line-height: 1.1;
font-weight: 300;
}
.footer-menu__item a {
cursor: pointer;
}
.footer-menu__item a:hover {
color: #00aff0;
text-decoration: none;
}
.footer__contacts {
line-height: 1.1;
}
.footer__email {
margin: 15px 0;
}
.footer__phone {
/* font-size: 1.4em;*/
line-height: 1.1;
white-space: nowrap;
margin-top: 15px;
color: #bca96e;
}
.social__links {
margin-bottom: 20px;
}
.social__link {
font-size: 2.3em;
display: inline-block;
margin-right: 10px;
margin-top: 10px;
}
.social__link:hover {
text-decoration: none;
}
.social__link--fb {
background: rgba(1, 132, 181, 1);
border-radius: 5px;
color: #303131;
font-size: 1.6em;
padding: 5px;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 30px;
}
.social__link--fb:hover {
color: #303131;
}
.social__link--vk {
background: rgba(0, 175, 240, 1);
border-radius: 5px;
color: #303131;
font-size: 1.6em;
padding: 5px;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
line-height: 25px;
}
.social__link--vk:hover {
color: #303131;
}
.social__link--instagram {
background: rgba(166, 53, 143, 1);
border-radius: 5px;
color: #303131;
font-size: 1.6em;
padding: 5px;
width: 40px;
height: 40px;
text-align: center;
vertical-align: middle;
/*line-height: 40px;*/
}
.social__link--instagram:hover {
color: #303131;
}
/*end FOOTER*/
/* FEEDBACK */
.register-question {
max-width: 350px;
}
.register-question .register-row input,
.register-question .register-row textarea {
border: 1px solid rgba(0, 0, 0, 0.15);
background: transparent;
width: 100%;
padding: 3px 10px;
margin: 5px auto;
}
.register-question input {
line-height: 28px;
}
.register-question .t-btn {
cursor: pointer;
display: inline-block;
text-align: center;
padding: 3px 35px;
border: 2px solid rgba(154, 202, 60, 1);
text-transform: uppercase;
background: rgba(154, 202, 60, 1);
color: #ffffff;
text-decoration: none;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
line-height: 28px;
}
.register-question .t-btn:hover {
background: rgba(154, 202, 60, 0);
color: rgba(154, 202, 60, 1);
}
.register-question .register-row textarea {
height: 100px;
}
.qa-question {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
font-weight: normal;
color: #3a3a3a;
font-size: 1.14em !important;
}
.qa-question:after {
content: "\f0da";
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
top: 50%;
left: 12px;
margin-top: -9px;
}
.qa-answer {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
color: #888787;
}
.ui-state-active {
color: #0289ce;
}
.qa-question.ui-state-active:after {
content: "\f0d7";
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
top: 50%;
left: 12px;
margin-top: -9px;
}
.qa-question .ui-icon {
display: none;
}
/*end FEEDBACK*/
/* PATH */
.path-wrapper {
/*border-top: 1px solid #d4d4d4;*/
/*background: rgba(249,249,249,1);*/
padding: 15px 0;
}
.path {
/*font-size: 0.85em;*/
color: #b6b5b5;
/*color: #ade145;*/
}
.path a {
/*color: #b6b5b5;*/
/*color: #ade145;*/
color: #0083ca;
}
/* end PATH */
/* PAGINATION && SORT */
.sort-table__wrapper {
padding: 0;
margin-bottom: 25px;
}
.sort-table {
margin: 0 auto;
}
.pagination__top {
display: inline-block;
vertical-align: middle;
float: right;
line-height: 1.1;
padding-top: 3px;
}
.pagination {
margin: 0;
border-radius: 0;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
display: inline-block;
float: none;
padding: 5px 10px;
text-decoration: none;
background: transparent;
color: #000000;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
color: #6b6a6a;
}
.pagination .lnr-chevron-left,
.pagination .lnr-chevron-right {
font-size: 0.7em;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
text-decoration: none;
background: rgba(253, 253, 253, 1);
border: 1px solid #c7c7c7;
}
.sort-table .btn {
display: inline-block;
padding: 6px 12px;
font-size: 1em;
margin-top: -4px;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border: 1px solid #c7c7c7;
border-radius: 0;
}
/* end PAGINATION && SORT */
/*POP UP FORM*/
.os-form {
/*width: 100%;*/
/*min-width: 320px;*/
max-width: 380px;
/*width: 320px;*/
/*border: 2px solid red;*/
background: rgba(255, 255, 255, 1);
padding: 35px;
/*padding: 15px;*/
display: block;
margin: 0 auto;
position: relative;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.os-btn {
display: inline-block;
padding: 10px 35px;
text-transform: uppercase;
cursor: pointer;
font-size: 1.23em;
border-radius: 5px;
background: rgba(0, 175, 240, 1);
border: 2px solid #00aff0;
color: #ffffff;
margin: 5px auto 15px;
font-weight: normal;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.os-btn:hover {
background: rgba(0, 175, 240, 0);
color: #00aff0;
}
.os-btn__link__wrapper {
display: table;
width: 100%;
}
.os-btn__link {
display: table-cell;
width: 50%;
vertical-align: middle;
font-weight: 300;
color: #0083ca;
cursor: pointer;
text-align: left;
}
.os-btn__link a {
color: #0083ca;
}
.os-btn__link a:hover {
text-decoration: none;
border-bottom: 1px dotted #0083ca;
}
a.os-btn__link {
text-decoration: none;
}
.os-btn__link-register {
text-align: right;
}
.os-title {
/* color: #196cb8;*/
text-transform: uppercase;
margin: 0 auto 25px;
line-height: 1.1;
text-align: center;
}
.os-form input {
background: rgba(255, 255, 255, 1);
width: 100%;
padding: 5px 10px;
height: 34px;
border: 1px solid #dddddd;
margin: 3px auto 7px;
border-radius: 0;
box-shadow: none;
font-size: 1em;
}
.os-form textarea {
background: rgba(255, 255, 255, 1);
width: 100%;
padding: 10px;
height: 100px;
border: 1px solid #dddddd;
line-height: 1.1;
margin: 5px auto;
border-radius: 0;
}
.os-form input[type="radio"] {
width: auto;
height: auto;
line-height: 1.1;
vertical-align: middle;
}
.os-form input[type="checkbox"] {
width: auto;
height: auto;
line-height: 1.1;
vertical-align: middle;
}
.top-close-btn {
position: absolute;
right: 10px;
top: 10px;
margin: 0;
cursor: pointer;
color: #a2a3a4;
font-size: 1.285em;
}
.os-register {
display: table;
width: 100%;
font-weight: 300;
color: #4c4d4d;
}
.os-register label {
font-weight: 300;
}
.os-register-td {
display: table-cell;
vertical-align: top;
}
.os-grey-line {
margin: 25px auto;
border-top: 1px solid #dad9d5;
}
.os-form__message {
font-size: 1.077em;
color: #000000;
font-weight: 300;
background: rgba(245, 245, 245, 1);
padding: 10px;
margin-bottom: 15px;
}
/*end POP UP FORM*/
/*LIMENET CONFIG*/
.item__seo-text {
color: #7e7d7d;
line-height: normal;
}
.custom-select-wrapper {
position: relative;
/*display:inline-block;*/
}
.custom-select-wrapper--td {
display: table-cell;
}
.custom-select-wrapper:after {
content: "\f0dd";
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
top: 8px;
right: 10px;
color: #3e3e3e;
pointer-events: none;
}
.custom-select {
/*
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*/
width: 100%;
/*height: 32px;*/
padding: 5px 10px 5px 5px;
border: 1px solid #dddddd;
background: rgba(255, 255, 255, 1);
-webkit-appearance: none;
-moz-appearance: none;
letter-spacing: normal;
position: relative;
cursor: pointer;
line-height: 20px;
}
.search__select .custom-select {
padding: 7px 10px;
border: 1px solid #cecdcd;
border-right: none;
border-left: none;
}
.relative {
position: relative;
}
.clear {
clear: both;
}
.red_bord {
border: 1px solid red !important;
}
.pt10 {
padding-top: 10px;
}
.pt20 {
padding-top: 20px;
}
.pt30 {
padding-top: 30px;
}
.pt40 {
padding-top: 40px;
}
.pt100 {
padding-top: 100px;
}
.pr20 {
padding-right: 20px;
}
.pb10 {
padding-bottom: 10px;
}
.pb20 {
padding-bottom: 20px;
}
.pl20 {
padding-left: 20px;
}
.mt3 {
margin-top: 3px;
}
.mt5 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt25 {
margin-top: 25px;
}
.mt27 {
margin-top: 27px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
.mt100 {
margin-top: 100px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr25 {
margin-right: 25px;
}
.mb0 {
margin-bottom: 0px;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb20 {
margin-bottom: 20px;
}
.mb25 {
margin-bottom: 25px;
}
.mb35 {
margin-bottom: 35px;
}
.mb37 {
margin-bottom: 37px;
}
.mb40 {
margin-bottom: 40px;
}
.mb50 {
margin-bottom: 50px;
}
.ml10 {
margin-left: 10px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml25 {
margin-left: 25px;
}
.f_left {
float: left;
}
.f_right {
float: right;
}
.hide-item {
visibility: hidden;
}
.about-admin {
/*border:1px solid red;*/
}
.about-admin img {
/*border:1px solid red;*/
}
.about-admin img.width100 {
width: 100%;
}
img.width100 {
max-width: 100%;
width: 100%;
}
.error_div {
background: #ff0000;
color: #ffffff;
padding: 10px;
}
.error__text {
color: #ff0000 !important;
}
.ok_div {
background: #41a62a;
color: #ffffff;
padding: 10px;
}
.no-padding {
padding: 0;
}
.dnone {
display: none !important;
}
.opacity0 {
opacity: 0;
}
.lightboxME {
display: none;
/* position: absolute;*/
/* padding: 20px;*/
/* background:#212123;*/
margin: 0 auto;
color: #ffffff;
font-size: 1em;
}
.cart__message-bg {
background: #212123;
padding: 20px;
}
.grey-line {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.grey-line2 {
border-bottom: 1px solid #f3f3f3;
}
@media (min-width: 768px) {
.row-centered {
text-align: center;
}
.col-centered {
display: inline-block;
float: none;
text-align: left;
margin-right: -4px;
vertical-align: top;
}
.col-centered-middle {
display: inline-block;
float: none;
/*text-align:left;*/
margin-right: -4px;
vertical-align: middle;
}
.col-left {
border-right: 1px solid #f3f3f3;
}
}
.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 {
padding-right: 10px;
padding-left: 10px;
}
.row {
margin-right: -10px;
margin-left: -10px;
}
label {
font-weight: normal;
}
#recaptcha1 > div {
margin: auto;
}
.comment__rating .fa {
cursor: pointer;
}
.mybook-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(0, 175, 240, 1);
}
.mybook-scrollbar .mCSB_scrollTools .mCSB_draggerRail {
/*background: rgba(0,131,202,0.25);*/
background: rgba(236, 235, 235, 1);
}
#return-to-top {
position: fixed;
background: rgba(0, 175, 240, 1);
/*bottom: 180px;*/
bottom: 35px;
right: 35px;
/*left: 0;*/
/*background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);*/
width: 30px;
height: 30px;
line-height: 34px;
vertical-align: middle;
text-align: center;
display: block;
text-decoration: none;
margin: auto;
/*-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;*/
cursor: pointer;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 2;
}
#return-to-top i {
color: #ffffff;
/*margin: 0;*/
/*position: relative;
left: 16px;
top: 13px;*/
font-size: 1.25em;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
color: #ffffff;
/*background: rgba(0, 0, 0, 0.9);*/
}
#return-to-top:hover i {
color: #ffffff;
opacity: 1;
/*color: #fff;
top: 5px;*/
}
/*end LIMENET CONFIG*/
@media (max-width: 767px) {
.cat-level2and3 {
display: none !important;
}
.leftMenuInCategory a {
font-size: 12px;
}
}
@media (min-width: 768px) {
.activeMainMenu {
background-color: rgba(0, 191, 255, 0.32);
}
.opacityBg {
background-image: url("http://www.css3.info/wp-content/themes/new_css3/img/sheep.png"),
url("http://lorempixel.com/300/400");
background-position: center bottom, left top;
-webkit-background-size: 80px 60px, cover;
-moz-background-size: 80px 60px, cover;
-o-background-size: 80px 60px, cover;
background-size: 80px 60px, cover;
background-repeat: repeat-x, no-repeat;
width: 100%;
height: 100vh;
}
h1 {
margin-top: 15px !important;
}
.mainMenuIcon {
float: right;
margin-right: 12px;
margin-top: 14px;
color: rgba(0, 131, 202, 1);
}
.podbor__cat-level1__name a {
font-size: 16px;
color: rgba(0, 131, 202, 1);
display: inline-block;
width: 100%;
height: 40px;
line-height: 38px;
padding-left: 10px;
}
.podbor__cat-level1__name {
cursor: pointer;
padding: 0 !important;
}
.cat-level2and3 {
position: absolute;
background-color: #fff;
display: none;
width: 1160px;
z-index: 10000;
border-radius: 3px;
padding: 8px 8px 8px 8px;
flex-direction: row;
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
overflow: hidden;
box-sizing: border-box;
margin-top: -9px;
margin-left: -8px;
height: 680px;
}
.page-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 98;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.page-overlay_state_visible {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.leftMenuBlock {
width: 277px;
float: left;
}
.menuBlock {
display: none;
float: right;
width: 850px;
}
.podbor__cat-level1__name a:hover {
background-color: rgba(0, 191, 255, 0.32);
}
.firstLevel .podbor__cat-level1__name a:hover {
background-color: unset;
}
.mainMenuCatLevel2 {
display: inline-block;
font-size: 14px;
padding-top: 7px;
}
.mainMenuCatLevel2Block {
float: left;
width: 420px;
/*padding-right: 25px;*/
}
.mainMenuCatLevel3 {
font-size: 12px;
position: relative;
display: inline-block;
vertical-align: bottom;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 12px;
color: #333;
}
.menuBlock li {
list-style: none;
}
.menuBlock ul {
padding-left: 0;
}
.mainMenuCatLevel2Block li {
padding-bottom: 6px;
}
.mainMenuCatLevel2Block li a {
max-width: 390px;
text-decoration: none;
}
.mainMenuCatLevel2Block li {
border-bottom: 1px solid #f3f3f3;
line-height: 27px;
height: 41px;
overflow: hidden;
padding-left: 10px;
}
.mainMenuCatLevel2Block li:first-child {
border-top: 1px solid #f3f3f3;
}
.top-menu {
position: absolute !important;
}
.menuBlockLevel2 {
display: block;
width: 410px;
float: right;
}
.menuBlockLevel2 li {
padding-top: 5px;
padding-bottom: 5px;
overflow: hidden;
}
.menuBlockLevel2 li a {
font-size: 13px;
}
.firstLevel .podbor__cat-level1__name a {
width: 103%;
}
.leftMenuInCategory a {
font-size: 12px;
}
}
.padding-bottom {
padding-bottom: 100px;
}
.margin-top {
margin-top: 50px;
}
.grey-text-label {
color: grey;
}
.green-text {
color: green;
}
.disabled-button-custom {
background: lightgray;
border: none;
}
.filled-step-circle {
font-size: 0.8em;
font-weight: bold;
background: #00a046;
color: white;
width: 30px;
display: inline-block;
padding: 5px 9px;
border-radius: 50%;
}
.active-step-circle {
font-size: 0.8em;
font-weight: bold;
color: black;
border: 1px solid #3da8dd;
width: 30px;
display: inline-block;
padding: 5px 9px;
border-radius: 50%;
}
.inactive-step-circle {
font-size: 0.8em;
font-weight: bold;
background: grey;
color: white;
width: 30px;
display: inline-block;
padding: 5px 9px;
border-radius: 50%;
}
.ul-red {
list-style: none;
/* Remove default bullets */
}
.ul-li-red::before {
content: "\2022";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: red;
/* Change the color */
font-weight: bold;
/* If you want it to be bold */
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em;
/* Also needed for space (tweak if needed) */
}
#signUpFooter {
z-index: 9999 !important;
}
#logIn {
z-index: 9999 !important;
}
@media screen and (min-width: 900px) {
.mainContainerBlock {
margin-bottom: 100px;
}
}