body {
margin: 0;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
input,button {
font-family: 'Roboto Condensed', sans-serif;
border-radius: 0;
}
input:focus,button:focus {
outline: none;
}
.fullpage {
overflow: hidden;
}
.ncontainer {
width: 1320px;
margin: auto;
}
.ncontainer2 {
width: 1370px;
}
@media (max-width: 1399px) {
.ncontainer2 {
width: 1320px;
}
}
@media (max-width: 1339px) {
.ncontainer {
width: 1180px;
margin: auto;
}
}
@media (max-width: 1199px) {
.ncontainer {
width: 970px;
margin: auto;
}
}
@media (max-width: 991px) {
.ncontainer {
width: 740px;
margin: auto;
}
}
@media (max-width: 767px) {
.ncontainer {
width: 550px;
margin: auto;
}
}
@media (max-width: 575px) {
.ncontainer {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin: auto;
}
}
.ntop {
background: #EDECEA;
padding: 11px 0;
}
.ntop__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ntop__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ntop__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 30px;
}
.ntop__descr {
max-width: 220px;
font-size: 14px;
line-height: 119.19%;
color: #5B5B5B;
margin: 0;
}
.ntop__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 35px;
}
.ntop__phone,.ntop__email {
font-weight: 300;
font-size: 20px;
line-height: 119.19%;
color: #5B5B5B;
text-decoration: none;
grid-gap: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ntop__soc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 8px;
}
.ntop__soc a {
width: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ntop__soc a svg {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ntop__soc a path {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ntop__soc a:last-child {
margin-left: 4px;
}
.ntop__soc a:hover svg {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.ntop__lang {
font-weight: 300;
font-size: 20px;
line-height: 119.19%;
}
.ntop__lang a {
color: #5B5B5B;
text-decoration: none;
}
.ntop__lang a.active,.ntop__lang a:hover {
color: #EB2629;
}
.nmenu {
display: none;
}
.nheader {
background: #767674;
position: relative;
z-index: 21;
}
.nheader-s {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
z-index: 6;
display: none;
}
.nheader-s.active {
display: block;
}
.nheader-s__form {
position: relative;
}
.nheader-s input {
width: 100%;
height: 57px;
padding-left: 180px;
font-weight: 300;
font-size: 20px;
line-height: 119.19%;
border: 0;
color: #5B5B5B;
border-radius: 0;
}
.nheader-s button {
height: 57px;
width: 57px;
background-color: transparent;
border: 0;
right: 0;
top: 0;
position: absolute;
cursor: pointer;
}
.nheader-s__del {
width: 37px;
height: 57px;
top: 0;
left: 0;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.nheader__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nheader__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style-type: none;
margin-left: -11px;
}
.nheader__menu>li {
position: relative;
}
.nheader__menu>li .sub-menu {
text-align: left;
}
.nheader__menu>li .sub-menu>li {
margin-bottom: 0;
display: block;
}
.nheader__menu>li .sub-menu>li>a {
opacity: 1;
text-transform: none;
}
.nheader__menu>li.menu-item-has-children::after {
content: "";
display: block;
width: 8px;
height: 8px;
background: url(//www.amira.ru/wp-content/themes/amira/img/drop.svg) center no-repeat;
position: absolute;
top: 24px;
right: 12px;
}
.nheader__menu>li>a {
display: block;
padding: 16px 24px 16px 11px;
font-weight: 300;
font-size: 20px;
line-height: 119.19%;
color: #EDECEA;
text-decoration: none;
}
.nheader__menu>li>a:hover {
background: #525252;
}
.nheader__menu>li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
min-width: 250px;
margin: 0;
padding: 0;
list-style-type: none;
z-index: 5;
}
.nheader__menu>li ul a {
display: block;
width: 100%;
min-width: 200px;
padding: 7px 10px;
font-weight: 300;
font-size: 16px;
line-height: 119.19%;
text-decoration: none;
background: #f1f1f1;
border-bottom: 1px solid #525252;
color: #222;
}
.nheader__menu>li ul a:hover {
background: #ddd;
color: #666;
}
.nheader__menu>li ul>li {
padding-right: 0;
}
.nheader__menu>li ul li:last-child a {
border-bottom: 0;
}
.nheader__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nheader__shop {
background: #003883;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 8px;
padding: 20px 0;
padding: 16px 12px 16px 11px;
font-weight: 300;
font-size: 20px;
line-height: 119.19%;
color: #EDECEA;
text-decoration: none;
}
.nheader__shop img {
margin-top: -1px;
}
.nheader__shop:hover {
background: #525252;
}
.nheader__take {
font-weight: 300;
font-size: 20px;
line-height: 119.19%;
color: #FFFFFF;
background: #6bad4d;
padding: 16px 12px 16px 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 5px;
text-decoration: none;
}
.nheader__take:hover {
background: #525252;
}
.nheader__compare {
width: 45px;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nheader__compare:hover {
background: #525252;
}
.nheader__search {
width: 45px;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nheader__search:hover {
background: #525252;
}
@media print {
.ntop,.nheader,.footer {
display: none !important;
}
}
@media (min-width: 992px) {
.nheader__menu>li {
position: relative;
}
.nheader__menu>li.menu-item-has-children:hover ul {
display: block;
}
}
@media (max-width: 1399px) {
.nheader__menu>li>a {
font-size: 18px;
}
}
@media (max-width: 1339px) {
.nheader__shop,.nheader__take {
height: 57px;
}
.nheader__shop span,.nheader__take span {
display: none;
}
}
@media (max-width: 1199px) {
.nheader__menu>li>a {
font-size: 16px;
padding-right: 16px;
}
.nheader__menu>li.menu-item-has-children::after {
right: 5px;
top: 22px;
}
.ntop__right {
grid-gap: 15px;
}
}
@media (max-width: 991px) {
.nheader {
display: none;
}
.nheader__compare {
background: #525252;
}
.nheader__menu {
display: block;
margin-bottom: 60px;
margin-left: 0;
}
.nheader__menu>li>a {
font-size: 16px;
line-height: 119.19%;
color: #5B5B5B;
padding: 12px 0;
}
.nheader__menu>li>a:hover {
background-color: transparent;
}
.nheader__menu>li.menu-item-has-children::after {
background: url(//www.amira.ru/wp-content/themes/amira/img/drop-b.svg) center no-repeat;
}
.nheader__menu>li ul {
position: static;
background-color: transparent;
}
.nheader__menu>li ul a {
font-size: 14px;
}
.nheader__menu>li ul.active {
display: block;
}
.ntop__email,.ntop__phone {
margin-bottom: 20px;
}
.nmenu {
display: none;
width: 100vw;
height: calc(100vh - 62px);
top: 62px;
background: #EDECEA;
overflow-y: scroll;
padding-bottom: 60px;
}
.nmenu.active {
display: block;
}
.nmenu__search {
position: relative;
margin-bottom: 30px;
}
.nmenu__search input {
width: 100%;
padding: 19px;
border: 0;
font-family: 'Roboto Condensed';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 119.19%;
color: #5B5B5B;
}
.nmenu__search button {
height: 57px;
width: 57px;
background-color: transparent;
border: 0;
right: 0;
top: 0;
position: absolute;
}
.nmenu__btns {
padding-top: 25px;
padding-bottom: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nmenu__btns span {
display: block;
}
.ntop .ntop__right {
display: none;
}
.ntop__left {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
grid-gap: 20px;
}
.ntop__descr {
font-size: 10px;
}
.ntop__burg {
width: 28px;
height: 14px;
position: relative;
}
.ntop__burg span {
display: block;
height: 2px;
width: 100%;
background-color: #5B5B5B;
position: absolute;
top: 50%;
margin-top: -1px;
left: 0;
}
.ntop__burg span::before {
content: "";
display: block;
height: 2px;
width: 100%;
background-color: #5B5B5B;
position: absolute;
top: 6px;
left: 0;
}
.ntop__burg span::after {
content: "";
display: block;
height: 2px;
width: 100%;
background-color: #5B5B5B;
position: absolute;
top: -6px;
left: 0;
}
}
@media (max-width: 575px) {
.nheader__shop,.nheader__take {
font-size: 16px;
line-height: 119.19%;
}
}
.ncard {
padding-top: 50px;
}
.ncard__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ncard__slider {
margin-left: calc((100vw - 1320px)/2 * (-1));
width: calc((100vw - 1320px)/2 + 500px);
background-color: #000;
}
.ncard__main {
width: calc(100% - 500px);
padding-left: 40px;
}
.ncard__title{
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 20px;
margin-bottom: 35px;
max-width: 475px;
}
.ncard__title>h1{
margin: 0;
font-size: 40px;
line-height: 119.19%;
letter-spacing: -0.025em;
color: #333333;
}
.ncard__subtitle{
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.025em;
color: #333333;
}
.ncard__buy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 30px;
margin-bottom: 30px;
}
.ncard__price {
font-size: 20px;
line-height: 119.19%;
font-weight: 300;
}
.ncard__price__info,
.ncatalog__price__info{
display: inline-flex;
position: relative;
width: 20px;
height: 20px;
}
.ncard__price__info__button,
.ncatalog__price__info__button{
display: inline-flex;
justify-content: center;
align-items: baseline;
vertical-align: middle;
width: 20px;
height: 20px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
border-radius: 50%;
border: 1px solid #525252;
cursor: pointer;
}
.ncard__price__info__content,
.ncatalog__price__info__content{
position: absolute;
top: 100%;
right: 0;
z-index: 100;
width: 320px;
padding: 15px;
font-size: 16px;
line-height: 1.2;
text-transform: none;
border: 1px solid #525252;
background-color: #f1f1f1;
}
.ncard__price__info[data-popup="N"] .ncard__price__info__content,
.ncatalog__price__info[data-popup="N"] .ncatalog__price__info__content{
display: none;
}
.ncard__price__info__content>*,
.ncatalog__price__info__content>*{
margin: 0;
}
.ncard__cart {
width: 125px;
height: 57px;
background: #008800;
font-weight: 300;
font-size: 18px;
color: #FFFFFF;
border: 1px solid #008800;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.ncard__cart:hover {
color: #008800;
background-color: transparent;
}
.ncard__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 50px;
}
.ncard__tabs a {
font-weight: 400;
font-size: 15px;
line-height: 119.19%;
color: #1b1b1b;
padding: 12px 0;
text-decoration: none;
border-bottom: 3px solid transparent;
}
.ncard__tabs a.active,.ncard__tabs a:hover {
border-bottom: 3px solid;
}
.ncard__tabs button {
background: #EEEDEB;
width: 195px;
height: 47px;
border: 0;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ncard__tabs button img {
margin-right: 10px;
vertical-align: middle;
}
.ncard__tabs button:hover {
background: #e2e1dd;
}
.ncard__cont {
padding-top: 30px;
}
.ncard__cont-block {
display: none;
}
.ncard__cont-block.active {
display: block;
}
.ncard__descr {
font-weight: 300;
font-size: 18px;
line-height: 1.5;
color: #1b1b1b;
}
.ncard__descr p {
font-weight: 300;
font-size: 18px;
}
.ncard__descr ul {
padding: 0;
list-style: none;
margin: 1em 0;
}
.ncard__descr ul li {
position: relative;
padding-left: 2em;
}
.ncard__descr ul li:before {
content: "\2015";
position: absolute;
top: 0;
left: 0;
}
.ncard__descr a {
text-decoration: underline;
color: #1515dd;
}
.ncard__descr a[href^="tel:"] {
text-decoration: none;
}
.ncard__descr h2 {
margin: 1.5em 0 1em;
}
.ncard__descr .table-scroll {
overflow: auto;
margin: 2em 0;
}
.ncard__descr table th {
border: 1px solid #BEBEBE;
background: #E7E7E7;
}
.ncard__descr table td {
border: 1px solid #E5E5E5;
}
.ncard__down {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ncard__down-img {
width: 28px;
margin-right: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ncard__down-text {
width: calc(100% - 42px);
font-size: 18px;
line-height: 119.19%;
color: #333333;
}
.ncard-table__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 18px;
}
.ncard-table__top b {
width: 25%;
font-size: 18px;
line-height: 119.19%;
color: #333333;
}
.ncard-table__top b:first-child {
padding-left: 19px;
}
.ncard-table__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ncard-table__line span {
width: 25%;
padding: 5px 19px;
padding-left: 0;
}
.ncard-table__line span:first-child {
padding-left: 19px;
}
.ncard-table__line:nth-child(2n) {
background: #F4F4F4;
}
.ncard__pag {
padding-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
grid-gap: 2px;
}
.ncard__pag a {
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-weight: 700;
font-size: 16px;
line-height: 119.19%;
color: #333333;
}
.ncard__pag a.active,.ncard__pag a:hover {
background: #7F7F7F;
color: #FFFFFF;
}
.ncard__slider {
background-color: transparent;
}
.ncard__slider img {
width: 100%;
}
.ncard__nav {
position: static;
padding-top: 35px;
}
.ncard__nav .swiper-pagination-bullet {
border: 1px solid #191919;
opacity: 1;
background-color: transparent;
}
.ncard__nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000;
}
@media (max-width: 1339px) {
.ncard__slider {
margin-left: calc((100vw - 1180px)/2 * (-1));
width: calc((100vw - 1180px)/2 + 500px);
}
}
@media (max-width: 1199px) {
.ncard__slider {
margin-left: calc((100vw - 970px)/2 * (-1));
width: calc((100vw - 970px)/2 + 300px);
}
.ncard__main {
width: calc(100% - 300px);
}
.ncard__tabs {
grid-gap: 25px;
}
}
@media (max-width: 991px) {
.ncard {
padding-top: 0;
}
.ncard__wrap {
display: block;
}
.ncard__slider {
margin-left: 0;
width: 100%;
position: relative;
margin-bottom: 40px;
}
.ncard__nav {
position: absolute;
}
.ncard .swiper {
width: 100%;
}
.ncard__main {
padding-left: 0;
width: 100%;
}
}
@media (max-width: 575px) {
.ncard__slider {
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.ncard__title>h1{
font-weight: 500;
font-size: 35px;
line-height: 119.19%;
letter-spacing: -0.045em;
color: #333333;
}
.ncard__subtitle{
font-size: 18px;
}
.ncard__price {
font-size: 20px;
line-height: 119.19%;
}
.ncard__buy {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ncard__tabs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ncard__tabs button {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
width: 100%;
}
.ncard__down-text {
font-size: 16px;
line-height: 119.19%;
}
.ncard-table {
overflow-y: scroll;
}
.ncard-table__line,.ncard-table__top {
width: 570px;
}
.ncard-table__line b,.ncard-table__line span,.ncard-table__top b,.ncard-table__top span {
font-size: 16px;
line-height: 119.19%;
}
}
.ncatalog {
padding-top: 50px;
}
.ncatalog__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ncatalog__aside {
width: 295px;
}
.ncatalog__main {
width: calc(100% - 330px);
}
.ncatalog__fil {
height: 57px;
background: #003883;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 12px;
grid-gap: 12px;
font-weight: 300;
font-size: 20px;
line-height: 119.19%;
text-decoration: none;
color: #FFFFFF;
}
.ncatalog__filters {
display: none;
}
.ncatalog__filters.active {
display: block;
}
.ncatalog__filters-wrap {
margin-bottom: 20px;
}
.ncatalog__filters .ncalc__block {
max-width: 100%;
height: auto;
padding: 22px 15px;
position: relative;
}
.ncatalog__filters .ncalc__block::after {
position: absolute;
content: "";
display: block;
height: 1px;
width: calc(100% - 30px);
left: 15px;
bottom: 0;
background-color: #CBCBCB;
}
.ncatalog__filters .ncalc__block:last-child::after {
display: none;
}
.ncatalog__filters .ncalc__block .ncatalog__filters-inputs {
width: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ncatalog__filters .ncalc__block .ncatalog__filters-input {
width: 70px;
position: relative;
}
.ncatalog__filters .ncalc__block .ncatalog__filters-input span {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
font-weight: 300;
font-size: 16px;
line-height: 119.19%;
left: 12px;
top: 12px;
color: #525252;
}
.ncatalog__filters .ncalc__block .ncatalog__filters-input input {
width: 100%;
padding-left: 35px;
text-align: left;
padding-right: 5px;
}
.ncatalog__filters .ncalc__select {
min-width: 140px;
}
.ncatalog__filters .ncalc__select-top {
text-align: right;
}
.ncatalog__cats>a {
background: #767676;
padding: 11px 19px;
display: block;
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
color: #FFFFFF;
text-decoration: none;
position: relative;
}
.ncatalog__cats>a::after {
content: "";
display: block;
width: 8px;
height: 8px;
background: url(//www.amira.ru/wp-content/themes/amira/img/drop.svg) center no-repeat;
position: absolute;
top: 17px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
right: 18px;
}
.ncatalog__cats>a.active::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.ncatalog__cats>a:hover {
background: #525252;
}
.ncatalog__cats-drop {
display: none;
}
.ncatalog__cats-drop.active {
display: block;
}
.ncatalog__cats-drop a {
background: #EDECEA;
padding: 11px 19px;
padding-right: 30px;
display: block;
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
color: #525252;
text-decoration: none;
position: relative;
}
.ncatalog__cats-drop a::after {
content: "";
display: block;
width: 8px;
height: 8px;
background: url(//www.amira.ru/wp-content/themes/amira/img/drop.svg) center no-repeat;
position: absolute;
top: 17px;
right: 18px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ncatalog__cats-drop a:hover {
background: #6EBED9;
color: #fff;
}
.ncatalog__products {
grid-gap: 45px 30px;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
padding-top: 30px;
}
.ncatalog__block {
border: 1px solid transparent;
text-decoration: none;
color: #333333;
}
.ncatalog__block:hover {
border: 1px solid #E8E8E8;
}
.ncatalog__img {
border: 1px solid #E8E8E8;
margin: -1px;
height: 295px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 25px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ncatalog__img img {
max-width: 95%;
max-height: 95%;
}
.ncatalog__name {
font-weight: 700;
font-size: 20px;
line-height: 119.19%;
text-align: left;
color: #333333;
padding: 25px 20px;
padding-top: 0;
}
.ncatalog__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 0 20px;
margin-bottom: 5px;
}
.ncatalog__line b {
width: 33%;
text-align: right;
}
.ncatalog__line span {
width: calc(100% - 75px);
}
.ncatalog__bot {
padding: 25px 20px;
padding-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ncatalog__price {
font-weight: 300;
font-size: 16px;
line-height: 119.19%;
text-transform: uppercase;
}
.ncatalog__btn {
padding: 10px 20px;
font-weight: 300;
font-size: 16px;
line-height: 119.19%;
color: #FFFFFF;
background: #008800;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid #008800;
}
.ncatalog__btn:hover {
background: transparent;
color: #008800;
}
.ncatalog__block:hover .ncatalog__img {
border: 1px solid transparent;
}
@media (max-width: 1339px) {
.ncatalog__products {
grid-gap: 25px 10px;
}
.ncatalog__price {
font-size: 14px;
}
}
@media (max-width: 1199px) {
.ncatalog__products {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
.ncatalog__wrap {
display: block;
}
.ncatalog__aside {
margin-bottom: 40px;
}
.ncatalog__main {
width: 100%;
}
}
@media (max-width: 575px) {
.ncatalog__aside {
width: 100%;
}
.ncatalog__products {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
}
.ncompare__top {
padding: 35px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ncompare__back {
background: #EDECEA;
width: 215px;
height: 57px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 12px;
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
text-decoration: none;
color: #333333;
}
.ncompare__back:hover {
background: #E8E8E8;
}
.ncompare__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 44px;
}
.ncompare__clear {
background: #767676;
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
text-align: center;
color: #FFFFFF;
border: 0;
padding: 18px 35px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.ncompare__clear:hover {
background: #E8E8E8;
color: #333333;
}
.ncompare__raz {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 14px;
}
.ncompare__raz input {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
opacity: 0;
visibility: hidden;
height: 0;
width: 0;
}
.ncompare__raz input+span {
width: 19px;
height: 19px;
background: #EDECEA;
}
.ncompare__raz input:checked+span {
background: #EDECEA url(//www.amira.ru/wp-content/themes/amira/img/check.svg) center no-repeat;
}
.ncompare__cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ncompare__card {
width: 25%;
text-decoration: none;
color: #333333;
}
.ncompare__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 280px;
margin: 25px 0;
}
.ncompare__img img {
max-width: 100%;
max-height: 100%;
}
.ncompare__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 15px;
}
.ncompare__line {
margin-bottom: 4px;
background: #EDECEA;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 57px;
padding-bottom: 22px;
}
.ncompare__line span {
width: 330px;
text-align: center;
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
text-align: center;
text-transform: uppercase;
color: #333333;
}
.ncompare__line-wrap {
position: relative;
}
.ncompare__line-wrap:nth-child(2n) .ncompare__line {
background: #E8E8E8;
}
.ncompare__name {
position: absolute;
top: 19px;
left: 0;
width: 100%;
font-weight: 700;
font-size: 18px;
line-height: 119.19%;
text-align: center;
color: #333333;
}
@media (max-width: 1339px) {
.ncompare__line span {
width: 295px;
}
}
@media (max-width: 1199px) {
.ncompare__all {
overflow-x: scroll;
}
.ncompare__card {
min-width: 295px;
}
.ncompare__name {
max-width: 100%;
width: 970px;
}
}
@media (max-width: 991px) {
.ncompare__name {
width: 740px;
}
}
@media (max-width: 767px) {
.ncompare__name {
width: 550px;
}
.ncompare__top {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
grid-gap: 15px 0;
}
.ncompare__left {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (max-width: 575px) {
.ncompare__line span {
width: 50vw;
}
.ncompare__card {
min-width: 50vw;
position: relative;
}
.ncompare__card .ncatalog__name {
font-size: 12px;
line-height: 15px;
}
.ncompare__card .ncatalog__price {
font-size: 9px;
line-height: 119.19%;
}
.ncompare__card .ncatalog__btn {
font-size: 9px;
line-height: 119.19%;
padding: 7px 12px;
}
.ncompare__img {
height: 150px;
}
.ncompare__all {
margin-left: -15px;
margin-right: -15px;
}
.ncompare__name {
width: 100vw;
}
.ncatalog__close {
position: absolute;
top: 0;
right: 10px;
}
}
.ncalc {
padding-top: 80px;
padding-bottom: 20px;
}
.ncalc__top {
height: 235px;
background: url(//www.amira.ru/wp-content/themes/amira/img/ncalc.jpg) center no-repeat;
background-size: cover;
position: relative;
padding-top: 80px;
}
.ncalc__top::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #000000;
opacity: 0.7;
}
.ncalc__title {
font-weight: 700;
font-size: 50px;
line-height: 119.19%;
color: #FFFFFF;
text-align: center;
position: relative;
z-index: 2;
margin: 0;
}
.ncalc__subtitle {
font-weight: 700;
font-size: 20px;
line-height: 119.19%;
color: #333333;
margin-bottom: 23px;
}
.ncalc__block {
background: #EDECEA;
height: 80px;
width: 640px;
max-width: 48%;
padding: 17px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ncalc__block input {
border: 0;
padding: 14px 23px;
width: 140px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.ncalc__block input::-webkit-outer-spin-button,.ncalc__block input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
}
.ncalc__name {
font-size: 16px;
line-height: 119.19%;
letter-spacing: -0.01em;
color: #333333;
}
.ncalc__wrap {
grid-gap: 22px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ncalc__select {
max-width: 445px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 300px;
}
.ncalc__select input[type="number"] {
display: none;
font-size: 16px;
line-height: 119.19%;
padding-left: 40px;
}
.ncalc__select.hidden input[type="number"] {
display: block;
width: 415px;
}
.ncalc__select.hidden .ncalc__select-top {
max-width: 20px;
height: 40px;
}
.ncalc__select-top {
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 119.19%;
text-decoration: none;
text-align: center;
cursor: pointer;
position: relative;
padding: 5px 0;
padding-right: 20px;
}
.ncalc__select-top::after {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
margin-top: -4px;
right: 0;
background: url(//www.amira.ru/wp-content/themes/amira/img/calc-drop.svg) center no-repeat;
-webkit-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.ncalc__select-drop {
position: absolute;
width: 100%;
top: 100%;
left: 0;
z-index: 2;
padding: 15px;
background: #767674;
display: none;
}
.ncalc__select-drop a {
display: block;
padding: 5px 0;
font-weight: 400;
font-size: 16px;
line-height: 119.19%;
text-decoration: none;
color: #fff;
}
.ncalc__select-drop a:hover {
opacity: 0.8;
}
.ncalc__select.active .ncalc__select-top::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.ncalc__select.active .ncalc__select-drop {
display: block;
}
.ncalc__submit {
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
color: #FFFFFF;
padding: 18px 28px;
background-color: #008800;
display: inline-block;
margin-top: 42px;
margin-bottom: 25px;
text-decoration: none;
border: 1px solid #008800;
}
.ncalc__submit:hover {
color: #008800;
background-color: transparent;
}
.ncalc__bot {
font-style: italic;
font-weight: 400;
font-size: 16px;
line-height: 119.19%;
letter-spacing: -0.01em;
color: #333333;
}
.nres {
padding-top: 70px;
display: none;
}
.nres__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 30px;
border-bottom: 1px solid #CBCBCB;
}
.nres__title {
font-weight: 700;
font-size: 20px;
line-height: 119.19%;
color: #333333;
}
.nres__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 20px;
}
.nres__back {
background: #EDECEA;
width: 400px;
height: 57px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
grid-gap: 12px;
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
text-decoration: none;
color: #333333;
}
.nres__back:hover {
background: #e1e0dc;
}
.nres__pech {
height: 57px;
width: 220px;
background-color: #008800;
border: 1px solid #008800;
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
color: #FFFFFF;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.nres__pech:hover {
color: #008800;
background-color: transparent;
}
.nres-first {
padding-top: 28px;
border-bottom: 1px solid #CBCBCB;
padding-bottom: 17px;
}
.nres-first__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 400;
font-size: 16px;
line-height: 119.19%;
letter-spacing: -0.01em;
color: #333333;
margin-bottom: 14px;
}
.nres-first__line span:nth-child(1) {
width: 430px;
padding-right: 15px;
}
.nres-first__line span:nth-child(2) {
width: calc(100% - 430px);
}
.nres-teor {
padding-top: 53px;
border-bottom: 1px solid #CBCBCB;
padding-bottom: 40px;
}
.nres-teor2 {
border-bottom: 0;
}
.nres-teor__end {
font-weight: 700;
font-size: 16px;
line-height: 119.19%;
text-transform: uppercase;
color: #333333;
padding-top: 40px;
}
.nres-teor__title {
font-weight: 700;
font-size: 20px;
line-height: 119.19%;
color: #333333;
margin-bottom: 28px;
}
.nres-teor p {
font-weight: 300;
font-size: 16px;
line-height: 119.19%;
margin-bottom: 10px;
color: #333333;
}
.nres-teor__line {
margin-bottom: 5px;
}
.nres-teor__line img {
vertical-align: middle;
}
.nres-teor__line span {
color: #EB2629;
}
.nres-teor__opr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nres-teor__opr-img {
width: 137px;
}
.nres-teor__opr-text {
width: calc(100% - 137px);
}
.nres-teor__opr-text span {
color: #EB2629;
}
@media (max-width: 991px) {
.ncalc__block {
width: 100%;
max-width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
grid-gap: 5px;
}
.ncalc__title {
font-size: 35px;
line-height: 99.19%;
}
.ncalc__name {
max-width: 50%;
}
.ncalc__select {
padding-top: 10px;
}
.ncalc__select-top {
text-align: left;
}
.ncalc__select-top::after {
top: 15px;
}
.nres__top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-gap: 25px 0;
}
.nres__right {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nres-first__line span:nth-child(1),.nres-first__line span:nth-child(2) {
width: 50%;
}
}
@media (max-width: 575px) {
.nres {
padding-top: 40px;
}
.nres-first__line {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nres-first__line span:nth-child(1) {
width: auto;
}
.nres-first__line span:nth-child(2) {
width: auto;
min-width: 20%;
text-align: right;
}
.nres__right {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nres__back {
font-weight: 300;
font-size: 16px;
line-height: 119.19%;
max-width: 100%;
}
.nres-teor__opr {
margin-bottom: 20px;
}
.nres-teor__line img {
max-width: 100%;
}
.ncalc {
padding-top: 40px;
}
.ncalc__top {
padding-top: 30px;
padding-bottom: 30px;
height: auto;
}
.ncalc__submit {
margin: 0 auto;
display: block;
width: 220px;
padding-left: 0;
padding-right: 0;
text-align: center;
margin-top: 34px;
margin-bottom: 27px;
}
.ncalc__bot {
text-align: center;
}
.ncalc__select {
min-width: 250px;
}
}.ncard {
margin-bottom: 100px;
}
.ncard__pag a.next, .ncard__pag a.prev {
font-size: 13px;
}
.ncard__pag span.page-numbers {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
font-weight: 700;
font-size: 16px;
line-height: 119.19%;
color: #333333;
}
.ncard__pag span.page-numbers.current, .ncard__pag span.page-numbers:hover {
background: #7F7F7F;
color: #FFFFFF;
} .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background: #767674 !important;
}
.ncatalog__filters .ncalc__select .select2-container--default .select2-selection--single {
background-color: transparent;
border: none;
}
.ncatalog__filters .ncalc__select .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #000;
}
.ncatalog__filters .ncalc__select .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #000 transparent transparent transparent;
}
.ncatalog__filters .ncalc__block .textwidget.custom-html-widget {
position: relative;
width: 100%;
margin: 0 auto;
}
.select2-results__option[data-selected] {
line-height: 119.19%;
}
.ncatalog__cats a.menu-item {
padding-right: 40px;
}
.ncatalog__cats a.menu-item.active {
background: #525252;
}
.ncatalog__cats > a span {
display: block;
width: 40px;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 5;
}
.ncatalog__cats .ncatalog__cats-drop.active a.menu-item.active {
background: #6EBED9;
color: #fff;
}
.woocommerce .ncatalog__line {
align-items: baseline;
}
.woocommerce .ncatalog__line span {
width: auto;
}
.woocommerce .ncard-table table.shop_attributes th {
width: 60%;
text-align: left;
border: 0;
}
.woocommerce .ncard-table table.shop_attributes td {
font-style: normal;
text-align: left;
border: 0;
}
.woocommerce .wc_category_description {
border-top: 2px solid #1a1a1a;
margin-top: 100px;
margin-bottom: 100px;
padding: 20px;
}
.ncard__img {
display: flex;
justify-content: center;
align-items: center;
}
.ncard__img img {
max-height: 600px;
width: auto;
}
.single-product.woocommerce .ncard__wrap {
flex-wrap: wrap;
}
.single-product.woocommerce .related-products {
width: 100%;
}
.single-product.woocommerce .related.products {
text-align: center;
width: 100%;
margin-bottom: 100px;
}
.single-product.woocommerce .related.products h2 {
position: relative;
margin-bottom: 100px;
}
.single-product.woocommerce .related.products h2::after {
content: '';
position: absolute;
bottom: -25px;
left: 50%;
width: 55px;
height: 5px;
background: #333;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
a.compare.button {
font-weight: 400;
color: #333333;
background: #EEEDEB;
display: flex;
align-items: center;
height: 47px;
border: 0;
padding: 0px 15px;
}
a.compare.button .added:after {
vertical-align: baseline;
}
a.compare.button::before {
content: url(//www.amira.ru/wp-content/themes/amira/img/card-compare.svg);
width: 24px;
height: 24px;
margin-right: 10px;
}
.ncard__tabs a.compare.button:hover {
border-bottom: none;
}
#yith-woocompare .button.yith_woocompare_clear {
background: #767676;
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
text-align: center;
color: #FFFFFF;
border: 0;
border-radius: 0;
padding: 18px 35px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
#yith-woocompare .button.yith_woocompare_clear:hover {
background: #E8E8E8;
color: #333333;
}
.single-product .su-tabs-nav {
display: none;
}
.product-section .grid [class*='col-'] {
float: none;
width: 100%;
}
.filter__btn {
display: block;
text-align: center;
font-size: 16px;
font-weight: 300;
line-height: 119.19%;
color: #FFFFFF;
padding: 10px 20px;
background: #003883;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid #003883;
}
#yith-woocompare .button.back_to_catalog {
font-weight: 300;
font-size: 18px;
line-height: 119.19%;
text-align: center;
border: 0;
border-radius: 0;
padding: 18px 35px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
div.compare-table-clear {
display: flex;
justify-content: space-between;
}
.swiper-button-next {
background-image: none;
}
.swiper-button-next:after {
transform: rotate(180deg);
}
.swiper-button-prev, .swiper-button-next {
color: #999999;
}
#footer {
margin-top: 50px;
}