@charset "UTF-8";

body.compensate-for-scrollbar {
overflow: hidden
}
.fancybox-active {
height: auto
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute!important;
top: -9999px;
visibility: hidden
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: 0;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-container * {
box-sizing: border-box
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-toolbar {
right: 0;
top: 0
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994
}
.fancybox-is-open .fancybox-stage {
overflow: hidden
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0
}
.fancybox-slide--image::before {
display: none
}
.fancybox-slide--html {
padding: 6px
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-container [data-selectable=true] {
cursor: text
}
.fancybox-image,
.fancybox-spaceball {
background: 0 0;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%
}
.fancybox-slide--video .fancybox-content {
background: #000
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
background: #fff
}
.fancybox-iframe,
.fancybox-video {
background: 0 0;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0
}
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc
}
.fancybox-button:hover {
color: #fff
}
.fancybox-button:focus {
outline: 0
}
.fancybox-button.fancybox-focus {
outline: 1px dotted
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: 0
}
.fancybox-button div {
height: 100%
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
display: none
}
.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
display: none
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998
}
.fancybox-close-small {
background: 0 0;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px
}
.fancybox-navigation .fancybox-button div {
padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right)
}
.fancybox-caption {
background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}
}
.fancybox-caption--separate {
margin-top: -50px
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline
}
.fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: 0 0;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0)
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0);
transform: rotate(0)
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1)
}
@media all and (max-height:576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px
}
.fancybox-slide--image {
padding: 6px 0
}
.fancybox-close-small {
right: -6px
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right))
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0
}
.fancybox-share p {
margin: 0;
padding: 0
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
background: 0 0;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: 0;
padding: 10px 15px;
width: 100%
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: 0;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991
}
.fancybox-thumbs__list a:focus::before {
opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1
}
@media all and (max-width:576px) {
.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px)
}
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/libs/owl/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.stacktable {
width: 100%
}
.st-head-row {
padding-top: 1em
}
.st-head-row.st-head-row-main {
font-size: 1.5em;
padding-top: 0
}
.st-key {
width: 49%;
text-align: right;
padding-right: 1%
}
.st-val {
width: 49%;
padding-left: 1%
}
.stacktable.large-only {
display: table
}
.stacktable.small-only {
display: none
}
@media (max-width:800px) {
.stacktable.large-only {
display: none
}
.stacktable.small-only {
display: table
}
}
[ui-pnotify].ui-pnotify .brighttheme {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
[ui-pnotify].ui-pnotify .brighttheme.ui-pnotify-container {
padding: 1.3rem
}
[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-confirm,
[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-text,
[ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-title {
margin-left: 1.8rem
}
[dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-confirm,
[dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-text,
[dir=rtl] [ui-pnotify].ui-pnotify-with-icon .brighttheme .ui-pnotify-title {
margin-right: 1.8rem;
margin-left: 0
}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-title {
font-size: 1.2rem;
line-height: 1.4rem;
margin-top: -.2rem;
margin-bottom: 1rem
}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-text {
font-size: 1rem;
line-height: 1.2rem;
margin-top: 0
}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-icon {
line-height: 1
}
[ui-pnotify].ui-pnotify .brighttheme-notice {
background-color: #ffffa2;
border: 0 solid #ff0
}
[ui-pnotify].ui-pnotify .brighttheme-notice div,
[ui-pnotify].ui-pnotify .brighttheme-notice h4 {
color: #4f4f00
}
[ui-pnotify].ui-pnotify .brighttheme-info {
background-color: #8fcedd;
border: 0 solid #0286a5
}
[ui-pnotify].ui-pnotify .brighttheme-info div,
[ui-pnotify].ui-pnotify .brighttheme-info h4 {
color: #012831
}
[ui-pnotify].ui-pnotify .brighttheme-success {
background-color: #aff29a;
border: 0 solid #35db00
}
[ui-pnotify].ui-pnotify .brighttheme-success div,
[ui-pnotify].ui-pnotify .brighttheme-success h4 {
color: #104300
}
[ui-pnotify].ui-pnotify .brighttheme-error {
background-color: #ffaba2;
background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255, 255, 255, .3) 35px, rgba(255, 255, 255, .3) 70px);
border: 0 solid #ff1800
}
[ui-pnotify].ui-pnotify .brighttheme-error div,
[ui-pnotify].ui-pnotify .brighttheme-error h4 {
color: #4f0800
}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-closer,
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-sticker {
font-size: 1rem;
line-height: 1.2rem
}
[ui-pnotify].ui-pnotify .brighttheme-icon-closer,
[ui-pnotify].ui-pnotify .brighttheme-icon-error,
[ui-pnotify].ui-pnotify .brighttheme-icon-info,
[ui-pnotify].ui-pnotify .brighttheme-icon-notice,
[ui-pnotify].ui-pnotify .brighttheme-icon-sticker,
[ui-pnotify].ui-pnotify .brighttheme-icon-success {
position: relative;
width: 1rem;
height: 1rem;
font-size: 1rem;
font-weight: 700;
line-height: 1rem;
font-family: "Courier New", Courier, monospace;
border-radius: 50%
}
[ui-pnotify].ui-pnotify .brighttheme-icon-closer:after,
[ui-pnotify].ui-pnotify .brighttheme-icon-info:after,
[ui-pnotify].ui-pnotify .brighttheme-icon-notice:after,
[ui-pnotify].ui-pnotify .brighttheme-icon-sticker:after,
[ui-pnotify].ui-pnotify .brighttheme-icon-success:after {
position: absolute;
top: 0;
left: .2rem
}
[ui-pnotify].ui-pnotify .brighttheme-icon-notice {
background-color: #2e2e00;
color: #ffffa2
}
[ui-pnotify].ui-pnotify .brighttheme-icon-notice:after {
content: "!"
}
[ui-pnotify].ui-pnotify .brighttheme-icon-info {
background-color: #012831;
color: #8fcedd
}
[ui-pnotify].ui-pnotify .brighttheme-icon-info:after {
content: "i"
}
[ui-pnotify].ui-pnotify .brighttheme-icon-success {
background-color: #104300;
color: #aff29a
}
[ui-pnotify].ui-pnotify .brighttheme-icon-success:after {
content: "\002713"
}
[ui-pnotify].ui-pnotify .brighttheme-icon-error {
width: 0;
height: 0;
font-size: 0;
line-height: 0;
border-radius: 0;
border-left: .6rem solid transparent;
border-right: .6rem solid transparent;
border-bottom: 1.2rem solid #2e0400;
color: #ffaba2
}
[ui-pnotify].ui-pnotify .brighttheme-icon-error:after {
position: absolute;
top: .1rem;
left: -.25rem;
font-size: .9rem;
font-weight: 700;
line-height: 1.4rem;
font-family: "Courier New", Courier, monospace;
content: "!"
}
[ui-pnotify].ui-pnotify .brighttheme-icon-closer,
[ui-pnotify].ui-pnotify .brighttheme-icon-sticker {
display: inline-block
}
[ui-pnotify].ui-pnotify .brighttheme-icon-closer:after {
content: "\002715"
}
[ui-pnotify].ui-pnotify .brighttheme-icon-sticker:after {
top: -1px;
content: "\002016"
}
[ui-pnotify].ui-pnotify .brighttheme-icon-sticker.brighttheme-icon-stuck:after {
content: "\00003E"
}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-confirm {
margin-top: 1rem
}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-prompt-bar {
margin-bottom: 1rem
}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-action-button {
text-transform: uppercase;
font-weight: 700;
padding: .4rem 1rem;
border: none;
background: 0 0;
cursor: pointer
}
[ui-pnotify].ui-pnotify .brighttheme-notice .ui-pnotify-action-button.brighttheme-primary {
background-color: #ff0;
color: #4f4f00
}
[ui-pnotify].ui-pnotify .brighttheme-info .ui-pnotify-action-button.brighttheme-primary {
background-color: #0286a5;
color: #012831
}
[ui-pnotify].ui-pnotify .brighttheme-success .ui-pnotify-action-button.brighttheme-primary {
background-color: #35db00;
color: #104300
}
[ui-pnotify].ui-pnotify .brighttheme-error .ui-pnotify-action-button.brighttheme-primary {
background-color: #ff1800;
color: #4f0800
}
* {
margin: 0;
padding: 0;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body {
margin: 0;
padding: 0;
line-height: 1;
min-width: 320px;
position: relative
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
fieldset {
border: 0;
padding: 0;
margin: 0;
min-width: 0
}
.hidden,
[hidden],
template {
display: none
}
a {
text-decoration: none;
background: 0 0
}
a:active,
a:hover {
outline: 0
}
a img {
border: 0
}
b,
strong {
font-weight: 700
}
small {
font-size: 75%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
border: 0;
font: inherit;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
text-transform: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0!important;
background-clip: padding-box;
background-color: transparent
}
button,
html input[type=button] {
cursor: pointer;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=reset],
input[type=submit] {
cursor: pointer;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none
}
textarea {
resize: none;
overflow: auto
}
table {
border-spacing: 0;
border-collapse: collapse
}
td,
th {
padding: 0
}
ol,
ul {
list-style: none
}
h1,
h2,
h3,
h4,
h5 {
color: #000;
font-weight: 400
}
img {
max-width: 100%;
height: auto;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0
}
.clearfix {
clear: both
}
@font-face {
font-family: Caveat;
src: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/fonts/Caveat-Regular.woff2) format("woff2"), url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/fonts/Caveat-Regular.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Caveat;
src: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/fonts/Caveat-Bold.woff2) format("woff2"), url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/fonts/Caveat-Bold.woff) format("woff");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: 'Comic Sans MS';
font-weight: 500;
font-style: normal
}
@font-face {
font-family: 'Comic Sans MS';
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'Comic Sans MS';
font-weight: 300;
font-style: normal
}
body {
color: #464443;
font-size: 16px;
font-family: 'Comic Sans MS', sans-serif;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none
}
body.compensate-for-scrollbar header {
right: 17px
}
.box {
width: 1240px;
margin: 0 auto!important
}
.title {
text-align: center;
margin-bottom: 30px
}
.title h1,
.title h2 {
color: #464443;
font-size: 30px;
font-weight: 400
}
.btn {
display: inline-block;
vertical-align: middle;
color: #464443;
font-size: 17px;
font-weight: 500;
border: 1px solid #98ca3c;
border-radius: 35px;
padding: 18px 75px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-align: center;
background-color: #98ca3c;
color: #fff
}
.btn:hover {
background-color: #f23e1b;
border-color: #f23e1b
}
.btn.border {
background-color: transparent;
color: #464443
}
.btn.border:hover {
background-color: #f23e1b;
border-color: #f23e1b;
color: #fff
}
.btn.white {
background-color: #fff;
border-color: #fff;
font-size: 16px;
padding: 15px 40px;
color: #464443
}
.btn.white:hover {
background-color: #98ca3c;
border-color: #98ca3c
}
.btn.product_add_to_cart {
padding: 17px 60px;
padding-right: 90px;
position: relative;
color: #fff
}
.btn.product_add_to_cart:after {
content: "";
position: absolute;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/cart_btn_ico.png) no-repeat;
right: 50px;
width: 23px;
height: 25px;
top: 0;
bottom: 0;
margin: auto
}
.btn.product_add_to_cart.loading {
background-position: left 10px center
}
.btn.product_add_to_cart.loading:after {
content: "";
display: block;
border-radius: 50%;
position: absolute;
right: 50px;
width: 0;
height: 0;
top: 1px;
bottom: 0;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: 0 0;
border: 10px solid #fff;
border-color: #fff transparent #fff transparent;
-webkit-animation: lds-hourglass 1.2s infinite;
animation: lds-hourglass 1.2s infinite
}
.btn.product_add_to_cart.added {
background-position: left 10px center
}
.btn.product_add_to_cart.added:after {
content: "";
position: absolute;
right: 50px;
top: 0;
bottom: 5px;
margin: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
height: 12px;
width: 6px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
background: 0 0
}
.btn.add_to_cart,
.btn.add_to_cart_button,
.btn.ajax_add_to_cart {
padding: 12px 35px;
position: relative;
background-image: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/cart_btn_ico.png);
background-repeat: no-repeat;
background-position: left 22px center;
color: #fff;
height: 40px;
font-size: 0
}
.btn.add_to_cart.loading,
.btn.add_to_cart_button.loading,
.btn.ajax_add_to_cart.loading {
background-position: left 10px center
}
.btn.add_to_cart.loading:after,
.btn.add_to_cart_button.loading:after,
.btn.ajax_add_to_cart.loading:after {
content: "";
display: block;
border-radius: 50%;
position: absolute;
right: 10px;
width: 0;
height: 0;
top: 1px;
bottom: 0;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 10px solid #fff;
border-color: #fff transparent #fff transparent;
-webkit-animation: lds-hourglass 1.2s infinite;
animation: lds-hourglass 1.2s infinite
}
.btn.add_to_cart.added,
.btn.add_to_cart_button.added,
.btn.ajax_add_to_cart.added {
background-position: left 10px center
}
.btn.add_to_cart.added:after,
.btn.add_to_cart_button.added:after,
.btn.ajax_add_to_cart.added:after {
content: "";
position: absolute;
right: 15px;
top: 0;
bottom: 5px;
margin: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
height: 12px;
width: 6px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff
}
.products_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px
}
.products_list .product_item {
margin-left: 20px;
margin-bottom: 30px
}
.product_item {
width: -webkit-calc(25% - 20px);
width: calc(25% - 20px);
position: relative;
padding-bottom: 50px;
z-index: 1
}
.product_item.variation_item .price {
font-size: 16px
}
.product_item:hover:before {
opacity: 1
}
.product_item:before {
content: "";
position: absolute;
top: -15px;
bottom: -15px;
left: -15px;
right: -15px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 5px;
-webkit-box-shadow: 0 7px 15px rgba(36, 16, 8, .11);
box-shadow: 0 7px 15px rgba(36, 16, 8, .11);
z-index: -1;
opacity: 0
}
.product_item .img {
display: block;
height: 200px;
border-radius: 5px;
overflow: hidden;
margin-bottom: 20px;
background: #fff7e6 url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/logo.png) center no-repeat;
background-size: 70%;
position: relative
}
.product_item .img:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #98ca3c;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
opacity: 0
}
.product_item .img:hover:after {
opacity: .5
}
.product_item .img img {
width: 100%;
height: auto
}
.product_item .name {
display: block;
color: #312f29;
font-size: 17px;
font-weight: 500;
margin-bottom: 15px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.product_item .name:hover {
color: #98ca3c
}
.product_item .desc {
color: #817f7a;
font-size: 14px;
font-weight: 400;
line-height: 1.5
}
.product_item .sizes {
margin-top: 10px
}
.product_item .bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.product_item .price {
font-size: 22px;
font-weight: 500;
width: -webkit-calc(100% - 180px);
width: calc(100% - 180px)
}
.product_item .price .amount {
display: inline-block
}
.product_item .price del {
color: #b7b6b3;
font-size: 15px;
display: block
}
.product_item .price ins {
text-decoration: none
}
.product_item .order {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 180px
}
label.size {
display: inline-block;
vertical-align: middle;
cursor: pointer;
margin-right: 5px;
line-height: 1
}
label.size:last-child {
margin-right: 0
}
label.size:hover .checkmark {
border-color: #f23e1b
}
label.size .checkmark {
display: inline-block;
border: 1px solid #d4cdcb;
border-radius: 14px;
color: #312f29;
font-size: 14px;
padding: 5px 15px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
label.size input {
position: absolute;
left: 0;
right: 0;
width: .01px;
height: .01px
}
label.size input:checked~.checkmark {
border-color: #f23e1b
}
.qty {
width: 94px;
height: 40px;
border: 1px solid #e9dec5;
border-radius: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
overflow: hidden
}
.qty a {
width: 32%;
height: 40px;
display: block;
line-height: 37px;
color: #817f7a;
font-size: 21px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.qty a:hover {
color: #f23e1b;
background-color: #fff7e6
}
.qty input {
width: 36%;
height: 40px;
text-align: right;
border: 0;
border-radius: 0;
display: block
}
.button {
display: inline-block;
vertical-align: middle;
color: #464443;
font-size: 17px;
font-weight: 500;
border-radius: 35px;
padding: 15px 50px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-align: center;
background-color: #98ca3c;
color: #fff
}
.button:disabled {
cursor: not-allowed;
opacity: .5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.button:hover {
background-color: #f23e1b
}
.button.add_to_cart,
.button.add_to_cart_button,
.button.ajax_add_to_cart {
padding: 12px 35px;
position: relative;
background-image: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/cart_btn_ico.png);
background-repeat: no-repeat;
background-position: left 22px center;
color: #fff;
height: 40px;
font-size: 0;
display: inline-block;
vertical-align: middle;
color: #464443;
font-weight: 500;
border: 1px solid #98ca3c;
border-radius: 35px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-align: center;
background-color: #98ca3c
}
.button.add_to_cart:hover,
.button.add_to_cart_button:hover,
.button.ajax_add_to_cart:hover {
background-color: #f23e1b;
border-color: #f23e1b
}
.button.add_to_cart.loading,
.button.add_to_cart_button.loading,
.button.ajax_add_to_cart.loading {
background-position: left 10px center
}
.button.add_to_cart.loading:after,
.button.add_to_cart_button.loading:after,
.button.ajax_add_to_cart.loading:after {
content: "";
display: block;
border-radius: 50%;
position: absolute;
right: 10px;
width: 0;
height: 0;
top: 1px;
bottom: 0;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 10px solid #fff;
border-color: #fff transparent #fff transparent;
-webkit-animation: lds-hourglass 1.2s infinite;
animation: lds-hourglass 1.2s infinite
}
.button.add_to_cart.added,
.button.add_to_cart_button.added,
.button.ajax_add_to_cart.added {
background-position: left 10px center;
display: none
}
.button.add_to_cart.added:after,
.button.add_to_cart_button.added:after,
.button.ajax_add_to_cart.added:after {
content: "";
position: absolute;
right: 15px;
top: 0;
bottom: 5px;
margin: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
height: 12px;
width: 6px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff
}
.added_to_cart {
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
padding: 12px 35px;
position: relative;
background-image: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/cart_btn_ico.png);
background-repeat: no-repeat;
background-position: left 22px center;
color: #fff;
height: 40px;
font-size: 0;
display: inline-block;
vertical-align: middle;
color: #464443;
font-weight: 500;
border: 1px solid #98ca3c;
border-radius: 35px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-align: center;
background-color: #98ca3c;
background-position: left 10px center
}
.added_to_cart:after {
content: "";
position: absolute;
right: 15px;
top: 0;
bottom: 5px;
margin: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
height: 12px;
width: 6px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff
}
.added_to_cart:hover {
background-color: #f23e1b;
border-color: #f23e1b
}
.menu_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px
}
.menu_list:after {
content: "";
display: block;
height: 0;
width: 235px
}
.menu_item {
margin-left: 15px;
margin-bottom: 15px;
width: -webkit-calc(20% - 15px);
width: calc(20% - 15px);
border: 1px solid #e8e8e8;
border-radius: 24px;
text-align: center; background-color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
padding-bottom: 50px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.menu_item:hover {
border: 1px solid #98ca3c;
-webkit-box-shadow: 0 10px 20px rgba(26, 21, 19, .08);
box-shadow: 0 10px 20px rgba(26, 21, 19, .08)
}
.menu_item:hover .name {
color: #98ca3c
}
.menu_item span {
display: block
}
.menu_item .name {
color: #312f29;
font-family: 'Comic Sans MS';
font-size: 16px;
font-weight: 400;
position: absolute;
left: 15px;
right: 15px;
bottom: 30px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.news_list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px
}
.news_item {
display: block;
background-color: #fff;
overflow: hidden;
border-radius: 5px;
-webkit-box-shadow: 0 7px 15px rgba(36, 16, 8, .11);
box-shadow: 0 7px 15px rgba(36, 16, 8, .11);
position: relative;
z-index: 1;
width: -webkit-calc(33.3333% - 20px);
width: calc(33.3333% - 20px);
margin-left: 20px;
margin-bottom: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.news_item:before {
content: "";
position: absolute;
z-index: -1;
border: 1px solid #e2d9c7;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 5px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.news_item:hover {
-webkit-box-shadow: 0 7px 15px rgba(242, 62, 27, .2);
box-shadow: 0 7px 15px rgba(242, 62, 27, .2)
}
.news_item:hover:before {
border: 2px solid #f23e1b
}
.news_item span {
display: block
}
.news_item .img {
position: relative;
z-index: 1
}
.news_item .img img {
width: 100%;
height: auto;
vertical-align: top
}
.news_item .text {
padding: 25px 30px;
padding-bottom: 35px;
line-height: 1.5
}
.news_item .date {
color: #95918f;
font-size: 14px
}
.news_item .name {
margin-top: 10px;
margin-bottom: 15px;
color: #464443;
font-size: 18px;
font-weight: 400;
line-height: 1.2
}
.news_item .desc {
color: #898786;
font-size: 15px;
line-height: 1.5
}
.toggle {
cursor: pointer;
vertical-align: middle;
display: inline-block;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
position: relative;
width: 40px;
height: 24px
}
.toggle.active span:before {
top: 0;
-webkit-transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
transition: top .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
-o-transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
-webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7);
transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}
.toggle.active span:after {
bottom: 0;
-webkit-transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
-o-transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
-webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7);
transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}
.toggle span {
position: absolute;
width: 40px;
height: 4px;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
border-radius: 4px;
top: 50%;
display: block;
margin-top: -2px;
background-color: #464443
}
.toggle span:after,
.toggle span:before {
content: "";
display: block;
position: absolute;
width: 40px;
height: 4px;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .15s;
-o-transition-duration: .15s;
transition-duration: .15s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
border-radius: 4px;
background-color: #464443
}
.toggle span:before {
top: -10px;
-webkit-transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
transition: top .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
-o-transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}
.toggle span:after {
bottom: -10px;
-webkit-transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
transition: bottom .1s ease .1s, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
-o-transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 999
}
header .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
header .logo {
width: 230px;
display: block
}
header .logo img {
width: 100%;
height: auto;
display: block
}
header .inner {
width: -webkit-calc(100% - 275px);
width: calc(100% - 275px)
}
header .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
border-bottom: 1px solid #eceae9
}
header .top .btn {
font-size: 15px;
padding: 15px 50px
}
header .address {
font-size: 15px;
color: #878483;
padding-left: 37px;
position: relative
}
header .address:before {
content: "";
position: absolute;
left: 0;
top: 5px;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/adr_ico.png) no-repeat;
width: 14px;
height: 20px
}
header .address .select {
position: absolute;
display: inline-block;
vertical-align: middle;
z-index: 99;
margin-left: -2px;
margin-top: -8px;
background-color:#fff;
}
header .address .select:hover p {
border-color: #eceae9;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}
header .address .select:hover p:after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
header .address .select:hover p span {
border-color: transparent
}
header .address .select:hover .sub-menu {
display: block;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
box-shadow: 0 3px 5px rgba(0, 0, 0, .1)
}
header .address .select a,
header .address .select p {
min-width: 110px
}
header .address .select p {
position: relative
}
header .address .select p:after {
content: "";
position: absolute;
right: 7px;
top: 0;
bottom: 0;
margin: auto;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/arrow_down_ico.png) no-repeat;
width: 8px;
height: 5px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
header .address .select span {
color: #464443;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-bottom: 1px dotted
}
header .address .select p {
padding: 7px 5px;
padding-bottom: 10px;
border: 1px solid transparent;
border-bottom: 0
}
header .address .select .sub-menu {
position: relative;
top: 100%;
left: 0;
background-color: #fff;
display: none;
z-index: 2
}
header .address .select .sub-menu a {
border-top: 0;
padding: 7px 5px;
padding-bottom: 10px;
border: 1px solid #eceae9;
border-top: 0;
display: block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
header .address .select .sub-menu a:hover {
background-color: #fff7e6
}
header .address .select .sub-menu a:hover span {
border-color: transparent
}
header .address address {
font-size: 15px;
font-style: normal;
color: #464443
}
header .phones {
padding-left: 37px;
position: relative;
color: #848281;
font-size: 14px
}
header .phones p {
margin-top: 5px
}
header .phones:hover .delivery:after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
header .phones:hover .sub-menu {
display: block
}
header .phones:before {
content: "";
position: absolute;
left: 0;
top: 2px;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/tel_ico.png) no-repeat;
width: 18px;
height: 18px
}
header .phones .delivery {
position: relative;
padding-right: 20px
}
header .phones .delivery:after {
content: "";
position: absolute;
right: 0;
top: 9px;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/arrow_down_ico.png) no-repeat;
width: 8px;
height: 5px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
header .phones .sub-menu {
position: absolute;
top: 100%;
margin-top: 10px;
left: 27px;
right: 0;
padding: 10px;
background-color: #fff7e6;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
display: none
}
header .phones .sub-menu:before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
right: 0;
height: 10px
}
header .phones .sub-menu:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -7.5px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7.5px 10px 7.5px;
border-color: transparent transparent #fff7e6 transparent
}
header .tel {
font-size: 22px;
color: #464443;
display: block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
header .tel:hover {
color: #f23e1b
}
header .acc_btn {
position: relative;
display: inline-block;
vertical-align: middle;
background-color: #fff7e6;
width: 60px;
height: 60px;
border-radius: 50%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
header .acc_btn:hover {
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
box-shadow: 0 4px 7px rgba(0, 0, 0, .25)
}
header .acc_btn:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/user.png) center no-repeat;
background-size: contain;
width: 25px;
height: 25px
}
header .cart_btn {
position: relative;
display: inline-block;
background-color: #fff7e6;
width: 60px;
height: 60px;
border-radius: 50%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
header .cart_btn:hover {
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
box-shadow: 0 4px 7px rgba(0, 0, 0, .25)
}
header .cart_btn .count {
position: absolute;
top: 0;
right: 0;
background-color: #f23e1b;
width: 22px;
height: 22px;
border-radius: 50%;
text-align: center;
line-height: 22px;
color: #fff;
font-size: 14px;
font-weight: 500
}
header .cart_btn .count.hide {
opacity: 0
}
header .cart_btn:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/cart_ico.png) center no-repeat;
width: 28px;
height: 30px
}
header .mob {
display: none;
position: relative;
width: 330px;
text-align: right
}
header .mob a {
margin-right: 5px
}
header .mob a:last-child {
margin-right: 0
}
header .mob .city_wr {
position: relative;
display: inline-block;
background-color: #fff7e6;
width: 60px;
height: 60px;
border-radius: 50%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
vertical-align: middle;
border: 1px solid rgba(128, 52, 46, .2);
margin-right: 5px
}
header .mob .city_wr:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/maps-and-flags.png) center no-repeat;
background-size: contain;
width: 28px;
height: 28px;
margin: auto
}
header .mob .city_wr ul {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff7e6;
padding-top: 7px;
padding-bottom: 5px;
width: 120px;
display: none;
text-align: center;
margin-top: 5px;
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
border-radius: 5px
}
header .mob .city_wr ul li span {
display: block;
color: #464443;
padding: 5px;
font-weight: 700
}
header .mob .city_wr ul li a {
display: block;
color: #464443;
padding: 5px
}
header .mob .city_wr.active {
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
box-shadow: 0 4px 7px rgba(0, 0, 0, .25)
}
header .mob .city_wr.active ul {
display: block
}
header .mob .city_wr .city_select {
margin-top: 20px;
position: absolute;
top: 100%;
left: -78px;
background-color: #fff7e6;
padding-top: 7px;
padding-bottom: 5px;
width: 300px;
text-align: center;
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, .35);
box-shadow: 0 4px 7px rgba(0, 0, 0, .35);
border-radius: 5px;
padding: 15px;
display: none
}
header .mob .city_wr .city_select.show {
display: block
}
header .mob .city_wr .city_select:before {
content: "";
position: absolute;
bottom: 100%;
left: 90px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7.5px 10px 7.5px;
border-color: transparent transparent #fff7e6 transparent
}
header .mob .city_wr .city_select p {
font-weight: 600;
color: #464443;
font-size: 16px;
margin-bottom: 15px
}
header .mob .city_wr .city_select .btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
header .mob .city_wr .city_select .btns .btn {
padding: 11px 23px;
font-size: 14px;
border-radius: 20px
}
header .mob .get_call {
position: relative;
display: inline-block;
background-color: #fff7e6;
width: 60px;
height: 60px;
border-radius: 50%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
vertical-align: middle
}
header .mob .get_call:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/mob_tel.png) center no-repeat;
background-size: contain;
width: 28px;
height: 28px
}
header .mob .get_call:hover {
-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, .25);
box-shadow: 0 4px 7px rgba(0, 0, 0, .25)
}
header .mob .cart_btn {
display: inline-block;
vertical-align: middle;
margin-right: 20px
}
header nav {
padding: 10px 0
}
header nav>ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
header nav>ul li.has_child {
position: relative;
z-index: 99
}
header nav>ul li.has_child:hover>a .sub_toggle span {
background-color: #fff
}
header nav>ul li.has_child:hover>a .sub_toggle span:after,
header nav>ul li.has_child:hover>a .sub_toggle span:before {
background-color: #fff
}
header nav>ul li.has_child>a {
position: relative;
padding-left: 55px
}
header nav>ul li.has_child>a .sub_toggle {
content: "";
position: absolute;
left: 15px;
top: 0;
bottom: 0;
margin: auto;
width: 24px;
height: 12px
}
header nav>ul li.has_child>a .sub_toggle.active i {
-webkit-transition-delay: .12s;
-o-transition-delay: .12s;
transition-delay: .12s;
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-o-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
header nav>ul li.has_child>a .sub_toggle.active i:before {
top: 0;
-webkit-transition: top 75ms ease, opacity 75ms ease .12s;
-o-transition: top 75ms ease, opacity 75ms ease .12s;
transition: top 75ms ease, opacity 75ms ease .12s;
opacity: 0
}
header nav>ul li.has_child>a .sub_toggle.active i:after {
bottom: 0;
-webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
-o-transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 24px
}
header nav>ul li.has_child>a .sub_toggle i {
background-color: #464443;
height: 2px;
position: absolute;
top: 50%;
margin-top: -1px;
width: 24px;
-webkit-transition: .3s background 0;
-o-transition: .3s background 0;
transition: .3s background 0
}
header nav>ul li.has_child>a .sub_toggle i:after,
header nav>ul li.has_child>a .sub_toggle i:before {
content: "";
position: absolute;
background-color: #464443;
height: 2px;
-webkit-transition: .3s background 0;
-o-transition: .3s background 0;
transition: .3s background 0
}
header nav>ul li.has_child>a .sub_toggle i:before {
top: -6px;
width: 24px;
-webkit-transition: top 75ms ease .12s, opacity 75ms ease;
-o-transition: top 75ms ease .12s, opacity 75ms ease;
transition: top 75ms ease .12s, opacity 75ms ease
}
header nav>ul li.has_child>a .sub_toggle i:after {
bottom: -6px;
width: 20px;
-webkit-transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
-o-transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
}
header nav>ul li.has_child>.sub-menu {
display: none
}
header nav>ul>li:hover>a {
color: #fff;
background-color: #98ca3c
}
header nav>ul a {
display: block;
color: #464443;
font-size: 15px;
font-weight: 500;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
padding: 10px 20px;
border-radius: 20px
}
header nav>ul span {
display: block;
font-size: 15px;
font-weight: 500;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
padding: 10px 20px;
border-radius: 20px;
color: #fff;
background-color: #98ca3c
}
header nav .cart_btn {
display: none
}
main {
position: relative
}
main section:first-child {
margin-top: 156px
}
main .owl-carousel {
position: relative
}
main .owl-carousel .owl-nav button {
position: absolute;
top: 167px;
width: 60px;
height: 60px;
border-radius: 50%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
background: rgba(255, 247, 230, .9)!important
}
main .owl-carousel .owl-nav button:hover {
background: #fff7e6!important;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}
main .owl-carousel .owl-nav button.owl-prev {
left: -30px;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
main .owl-carousel .owl-nav button.owl-next {
right: -30px
}
main .owl-carousel .owl-nav button:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/owl-arrow.png) center no-repeat;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
main .owl-carousel .owl-dots {
text-align: center;
margin-top: 30px
}
main .owl-carousel .owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
border: 1px solid #98ca3c;
border-radius: 50%;
margin-right: 7px
}
main .owl-carousel .owl-dots .owl-dot:last-child {
margin-right: 0
}
main .owl-carousel .owl-dots .owl-dot.active,
main .owl-carousel .owl-dots .owl-dot:hover {
background-color: #98ca3c
}
main .owl-carousel .product_item:before {
display: none
}
.hero {
position: relative;
background-color: #fff7e6
}
.hero .slider {
max-height: 588px;
overflow: hidden;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.hero .slider.owl-carousel {
max-height: inherit!important;
opacity: 1
}
.hero .item {
position: relative;
overflow: hidden
}
.hero .image {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: -webkit-calc(100% - 450px);
width: calc(100% - 450px);
z-index: 1;
background-repeat: no-repeat;
background-position: right center;
background-size: cover
}
.hero .text {
padding-top: 130px;
padding-bottom: 160px;
position: relative;
width: 550px;
z-index: 2;
color: #ffb8aa;
padding-right: 60px
}
.hero .text h2 {
color: #f7e2b4;
font-family: Caveat;
font-size: 90px;
font-weight: 700;
line-height: .8
}
.hero .text h4 {
color: #f7e2b4;
font-family: Caveat;
font-size: 48px;
font-weight: 400
}
.hero .text blockquote {
margin-top: 35px;
margin-bottom: 55px;
color: #ffb8aa;
font-weight: 400;
line-height: 1.3;
position: relative;
padding-left: 23px
}
.hero .text blockquote:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 4px;
background-color: #f2f2f2;
border-radius: 2px
}
.hero .text:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
width: 1920px;
background-color: #f23e1b;
border-radius: 0 150px 0 0;
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg)
}
.hero .text:after {
content: "";
position: absolute;
top: 150px;
bottom: -70px;
left: -webkit-calc(100% - 60px);
left: calc(100% - 60px);
z-index: -1;
width: 150px;
border-radius: 0 0 0 250px;
border-left: 50px solid #f23e1b;
border-bottom: 50px solid #f23e1b;
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg)
}
.hero .dots-wrap {
position: absolute;
left: 0;
right: 0;
bottom: 75px;
z-index: 3
}
.hero .dots-wrap .owl-dot {
display: inline-block;
vertical-align: middle;
width: 9px;
height: 9px;
border: 1px solid #fff7e6;
border-radius: 50%;
margin-right: 7px
}
.hero .dots-wrap .owl-dot:last-child {
margin-right: 0
}
.hero .dots-wrap .owl-dot.active,
.hero .dots-wrap .owl-dot:hover {
background-color: #fff7e6
}
.advantages {
padding: 30px 0;
background-color: #fff7e6
}
.advantages .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.advantages .item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.advantages .item .img {
width: 100px;
text-align: center
}
.advantages .item .text {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 1.3;
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px)
}
.menu_wrap {
position: relative;
z-index: 1;
padding: 75px 0;
overflow: hidden
}
.menu_wrap:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/menu_before.jpg) no-repeat;
width: 298px;
height: 718px;
z-index: -1
}
.menu_wrap:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/menu_after.jpg) no-repeat;
width: 257px;
height: 657px;
z-index: -1
}
.free_delivery {
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/delivery_bg.jpg) center no-repeat;
background-size: cover;
text-align: center;
padding-top: 90px;
padding-bottom: 100px;
color: #f7e2b4;
font-size: 16px;
font-weight: 400
}
.free_delivery .ttl {
margin-bottom: 25px;
padding-bottom: 25px;
position: relative
}
.free_delivery .ttl h2 {
color: #f7e2b4;
font-family: Caveat;
font-size: 90px;
font-weight: 700
}
.free_delivery .ttl:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 146px;
height: 1px;
opacity: .3;
background-color: #f7e2b4
}
.free_delivery p {
margin-top: 25px
}
.free_delivery .tel {
color: #fff;
font-size: 48px;
font-weight: 300;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.free_delivery .tel:hover {
color: #98ca3c
}
.free_delivery .time {
color: #fff;
font-size: 36px;
margin-top: 10px;
margin-bottom: 30px
}
.free_delivery .btn.white {
padding: 20px 60px
}
.bestsellers {
padding: 70px 0
}
.bestsellers .products_list {
display: block;
position: relative;
margin: 0
}
.bestsellers .product_item {
width: 100%;
margin: 0 auto
}
.about_us {
background-color: #fff7e6;
padding-top: 65px;
padding-bottom: 130px;
position: relative;
z-index: 1
}
.about_us:after {
content: "";
position: absolute;
bottom: -70px;
right: 0;
z-index: -1;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/about_after.png) no-repeat;
width: 425px;
height: 545px
}
.about_us .list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #696763;
font-size: 15px;
font-weight: 400;
line-height: 1.5
}
.about_us .list h3 {
color: #312f29;
font-size: 24px;
font-weight: 400;
margin-bottom: 30px
}
.about_us .list p {
margin-bottom: 30px
}
.about_us .list p:last-child {
margin-bottom: 0
}
.about_us .list strong {
color: #312f29;
font-size: 18px;
font-weight: 500
}
.about_us .list a {
color: #98ca3c;
font-size: 15px;
text-decoration: underline
}
.about_us .list a:hover {
text-decoration: none
}
.about_us .image {
width: 620px
}
.about_us .text {
width: 570px
}
footer {
background-color: #141318;
padding: 30px 0;
overflow: hidden;
position: relative;
z-index: 1
}
footer:before {
content: '';
position: absolute;
left: 0;
width: 50%;
top: 0;
bottom: 0;
background-color: #1c1b22;
z-index: -1
}
footer .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
footer .col {
width: 50%
}
footer .nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
footer .nav .logo_wrap {
width: 50%
}
footer .nav .logo {
width: 189px;
display: block;
margin-bottom: 70px
}
footer .nav .logo img {
display: block;
width: 100%;
height: auto
}
footer .nav ul {
width: 50%
}
footer .nav ul li {
margin-bottom: 15px
}
footer .nav ul li:last-child {
margin-bottom: 0
}
footer .nav ul li a {
color: #fffbf0;
font-size: 15px;
font-weight: 500;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
footer .nav ul li a:hover {
color: #f23e1b
}
footer .nav ul li span {
color: #f23e1b;
font-size: 15px;
font-weight: 500
}
footer .data {
padding: 0 50px
}
footer .data_wr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 25px
}
footer .data_wr:last-child {
margin-bottom: 0
}
footer .data_wr .item {
position: relative;
padding-left: 37px;
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px)
}
footer .data_wr .item:before {
content: "";
position: absolute;
left: 0;
top: 0
}
footer .data_wr.tel .item {
color: #848281;
font-size: 14px
}
footer .data_wr.tel .item:before {
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/f_tel_ico.png) no-repeat;
width: 18px;
height: 18px
}
footer .data_wr.adr .item {
color: #848281;
font-size: 15px;
font-weight: 400;
line-height: 1.3;
padding-right: 40px
}
footer .data_wr.adr .item:before {
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/f_adr_ico.png) no-repeat;
width: 14px;
height: 20px
}
footer .data_wr.links {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
footer .phone {
display: inline-block;
position: relative;
color: #fffbf0;
font-size: 22px;
line-height: 26px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
margin-bottom: 5px
}
footer .phone:hover {
color: #f23e1b
}
footer .soc {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px)
}
footer .soc li {
display: inline-block;
margin-right: 5px
}
footer .soc li:last-child {
margin-right: 0
}
footer .soc li a {
display: block;
width: 45px;
height: 45px;
border: 1px solid #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 50%;
opacity: .3;
position: relative
}
footer .soc li a:hover {
opacity: 1
}
footer .soc li a img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
footer .payment {
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px)
}
footer .payment li {
display: inline-block;
margin-right: 5px
}
footer .payment li span {
display: block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
footer .payment li span:hover {
-webkit-filter: brightness(2);
filter: brightness(2)
}
footer .payment li:last-child {
margin-right: 0
}
footer .copyright {
color: #848281;
font-size: 14px;
font-weight: 400;
line-height: 1.4
}
.page {
padding-bottom: 100px;
min-height: -webkit-calc(100vh - 428px);
min-height: calc(100vh - 428px)
}
.page .breadcrumbs {
background-color: #fff7e6;
color: #9c8b67;
font-size: 14px;
padding: 20px 0
}
.page .breadcrumbs a {
display: inline-block;
vertical-align: baseline;
margin-right: 10px;
color: #9c8b67
}
.page .breadcrumbs a:hover {
text-decoration: underline
}
.page .breadcrumbs a:after {
content: "";
display: inline-block;
vertical-align: middle;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/crumbs_arrow.png) no-repeat;
width: 4px;
height: 6px;
margin-left: 10px
}
.page .breadcrumbs span {
display: inline-block;
vertical-align: baseline
}
.page .title {
text-align: left;
margin: 0;
padding: 30px 0
}
.page ul.page-numbers {
padding: 20px 0;
font-size: 18px;
font-weight: 500
}
.page ul.page-numbers a,
.page ul.page-numbers li,
.page ul.page-numbers span {
display: inline-block;
vertical-align: middle
}
.page ul.page-numbers .page-numbers:not(ul) {
color: #464443;
display: inline-block;
width: 50px;
height: 50px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 50%;
text-align: center;
line-height: 50px
}
.page ul.page-numbers .page-numbers:not(ul).prev {
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/pag_arrow.png) center no-repeat;
font-size: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.page ul.page-numbers .page-numbers:not(ul).next {
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/pag_arrow.png) center no-repeat;
font-size: 0
}
.page ul.page-numbers .page-numbers:not(ul).current,
.page ul.page-numbers .page-numbers:not(ul):hover {
border: 1px solid #e7e3d9
}
.page ul.page-numbers .page-numbers:not(ul).dots {
width: auto;
border: 0
}
.team_page .employees .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px
}
.team_page .employee {
text-align: center;
margin-bottom: 35px;
width: -webkit-calc(33.3333% - 10px);
width: calc(33.3333% - 10px)
}
.team_page .employee .img {
width: 240px;
height: 240px;
margin: 15px auto;
margin-bottom: 35px;
position: relative;
border-radius: 50%;
background-repeat: no-repeat;
background-position: top center;
background-size: cover
}
.team_page .employee .img:before {
content: "";
position: absolute;
top: -15px;
bottom: -15px;
left: -15px;
right: -15px;
border: 7px solid #fff7e6;
border-radius: 50%
}
.team_page .employee .name {
color: #464443;
font-size: 20px;
margin-bottom: 15px
}
.team_page .employee .position {
color: #9c9896;
font-size: 15px
}
.reviews {
margin-bottom: 20px
}
.reviews .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.reviews .content {
width: -webkit-calc(100% - 455px);
width: calc(100% - 455px)
}
.reviews aside {
position: relative
}
.reviews aside .form {
position: -webkit-sticky;
position: sticky;
top: 100px;
width: 415px;
background-color: #fff7e6;
border-radius: 5px;
text-align: center;
padding: 40px
}
.reviews aside .form h3 {
margin-bottom: 25px;
color: #464443;
font-size: 22px;
font-weight: 400
}
.reviews aside .form input {
width: 100%;
height: 46px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 25px;
margin-bottom: 10px;
padding-left: 30px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 15px
}
.reviews aside .form input::-webkit-input-placeholder {
color: #928d8c
}
.reviews aside .form input::-moz-placeholder {
color: #928d8c
}
.reviews aside .form input:-ms-input-placeholder {
color: #928d8c
}
.reviews aside .form input::-ms-input-placeholder {
color: #928d8c
}
.reviews aside .form input::placeholder {
color: #928d8c
}
.reviews aside .form input:focus {
border-color: #98ca3c
}
.reviews aside .form textarea {
width: 100%;
height: 150px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 25px;
padding: 15px 30px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 15px
}
.reviews aside .form textarea::-webkit-input-placeholder {
color: #928d8c
}
.reviews aside .form textarea::-moz-placeholder {
color: #928d8c
}
.reviews aside .form textarea:-ms-input-placeholder {
color: #928d8c
}
.reviews aside .form textarea::-ms-input-placeholder {
color: #928d8c
}
.reviews aside .form textarea::placeholder {
color: #928d8c
}
.reviews aside .form textarea:focus {
border-color: #98ca3c
}
.reviews aside .form button {
margin-top: 20px;
font-size: 17px;
color: #fff;
background-color: #98ca3c;
padding: 18px 66px
}
.reviews aside .form button:hover {
background-color: #f23e1b;
border-color: #f23e1b
}
.reviews_wrap .review:last-child {
border-bottom: 1px solid #eceae9
}
.review {
padding-top: 40px;
padding-bottom: 25px;
border-top: 1px solid #eceae9;
padding-left: 70px;
position: relative
}
.review.answer {
width: -webkit-calc(100% - 70px);
width: calc(100% - 70px);
margin-left: 70px;
padding: 10px;
background-color: rgba(255, 247, 230, .3);
border: 1px solid #eceae9;
border-radius: 5px;
margin-bottom: 20px
}
.review.answer:before {
display: none
}
.review.answer .top {
margin-bottom: 10px
}
.review:before {
content: "“";
text-align: center;
position: absolute;
width: 50px;
height: 50px;
background-color: #98ca3c;
border-radius: 50%;
left: 0;
top: 20px;
color: #fff;
font-size: 48px;
line-height: 75px
}
.review .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px
}
.review .name {
font-size: 18px;
font-weight: 500
}
.review .date {
color: #959290;
font-size: 15px
}
.review .rev {
color: #5f5d59;
font-size: 15px;
font-weight: 400;
line-height: 1.5
}
.shop_page .products {
margin-bottom: 20px
}
.contacts .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 25px
}
.contacts .data {
width: 415px;
padding-top: 15px
}
.contacts .data .item {
position: relative;
margin-bottom: 25px;
line-height: 1.4;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.contacts .data .item:last-child {
margin-bottom: 0
}
.contacts .data .item a {
color: #98ca3c;
text-decoration: underline
}
.contacts .data .item a:hover {
text-decoration: none
}
.contacts .data .item address {
font-style: normal
}
.contacts .data .item .img {
width: 60px;
height: 60px;
background-color: #fff7e6;
border-radius: 50%
}
.contacts .data .item .text {
width: -webkit-calc(100% - 90px);
width: calc(100% - 90px)
}
.contacts .data .item.tel {
color: #848281;
font-size: 14px
}
.contacts .data .item.tel a {
color: #464443;
font-size: 20px;
margin-right: 10px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-decoration: none
}
.contacts .data .item.tel a:hover {
color: #98ca3c
}
.contacts .data .item.tel .img {
background: #fff7e6 url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/contacts_tel.png) center no-repeat
}
.contacts .data .item.adr .img {
background: #fff7e6 url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/contacts_adr.png) center no-repeat
}
.contacts .data .item.mail .img {
background: #fff7e6 url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/contacts_mail.png) center no-repeat
}
.contacts .data .item.time .img {
background: #fff7e6 url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/contacts_time.png) center no-repeat
}
.contacts .form {
background-color: #fff7e6;
border-radius: 5px;
padding: 40px;
width: 725px;
text-align: center
}
.contacts .form .ttl {
color: #464443;
font-size: 22px;
font-weight: 400;
margin-bottom: 25px
}
.contacts .form .input_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.contacts .form input {
width: 48%;
height: 46px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 23px;
padding-left: 30px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 15px;
margin-bottom: 10px;
font-weight: 400
}
.contacts .form input::-webkit-input-placeholder {
color: #928d8c
}
.contacts .form input::-moz-placeholder {
color: #928d8c
}
.contacts .form input:-ms-input-placeholder {
color: #928d8c
}
.contacts .form input::-ms-input-placeholder {
color: #928d8c
}
.contacts .form input::placeholder {
color: #928d8c
}
.contacts .form input:focus {
border-color: #f23e1b
}
.contacts .form textarea {
width: 100%;
height: 148px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 23px;
padding: 20px 30px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 15px;
margin-bottom: 10px;
font-weight: 400
}
.contacts .form textarea::-webkit-input-placeholder {
color: #928d8c
}
.contacts .form textarea::-moz-placeholder {
color: #928d8c
}
.contacts .form textarea:-ms-input-placeholder {
color: #928d8c
}
.contacts .form textarea::-ms-input-placeholder {
color: #928d8c
}
.contacts .form textarea::placeholder {
color: #928d8c
}
.contacts .form textarea:focus {
border-color: #f23e1b
}
.cart_total {
text-align: right;
margin: 30px 0
}
.cart_total .total {
color: #312f29;
font-size: 18px;
font-weight: 500;
margin-bottom: 32px
}
.cart_total .total strong {
color: #f23e1b;
font-size: 30px;
font-weight: 700;
margin-left: 15px
}
.cart_total .checkout-button .btn {
padding-left: 90px;
padding-right: 90px
}
.cart_totals_table {
text-align: left;
margin: 20px 0;
border: 1px solid #f1e9d7;
float: right;
width: 700px
}
.cart_totals_table tbody tr:last-child td,
.cart_totals_table tbody tr:last-child th {
border: 1px solid #f1e9d7
}
.cart_totals_table tbody tr th {
font-weight: 500;
text-align: left;
width: 25%
}
.cart_totals_table tbody tr td,
.cart_totals_table tbody tr th {
padding: 15px 20px;
line-height: 1.3;
border: 1px solid #f1e9d7;
vertical-align: top
}
.cart_totals_table tbody tr td {
width: 75%
}
.cart_totals_table .woocommerce-Price-amount {
font-weight: 500
}
.cart_totals_table .order-total .woocommerce-Price-amount {
font-size: 1.5em;
font-weight: 700
}
.cart_totals_table .shipping-calculator-form {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0
}
.cart_totals_table .shipping-calculator-form .form-row {
width: 49%;
margin-bottom: 0!important;
margin-top: 10px
}
.cart_totals_table .shipping-calculator-form .button {
width: 100%;
padding: 10px
}
.cart_totals_table .shipping-calculator-button {
padding: 10px 35px;
font-size: 16px;
margin-top: 10px
}
.shop_table_total {
margin-bottom: 20px
}
.cart_item .card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.cart_item .img {
width: 140px;
height: 95px;
border-radius: 5px;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 20px
}
.cart_item .img img {
width: 100%;
height: auto;
vertical-align: top
}
.cart_item .info {
width: -webkit-calc(100% - 160px);
width: calc(100% - 160px);
color: #817f7a;
font-size: 14px;
font-weight: 400;
line-height: 1.5
}
.cart_item .info strong {
color: #312f29;
font-size: 14px;
font-weight: 400
}
.cart_item .name {
color: #312f29;
font-size: 17px;
font-weight: 500;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
display: block;
margin-bottom: 12px
}
.cart_item .name a {
color: #464443;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.cart_item .name a:hover {
color: #f23e1b
}
.cart_item .price {
font-weight: 500;
color: #312f29;
font-size: 26px
}
.cart_item .price del {
color: #b7b6b3;
font-size: 20px;
display: block
}
.cart_item .price ins {
text-decoration: none
}
.cart_item .remove {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
width: 24px;
height: 24px;
border: 1px solid #312f29;
border-radius: 50%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
opacity: .5;
background: url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/cart_remove.png) center no-repeat
}
.cart_item .remove:hover {
opacity: 1
}
.tpl-content {
line-height: 1.7
}
.tpl-content:after {
content: "";
display: block;
width: 100%;
height: 0;
clear: both
}
.tpl-content h2,
.tpl-content h3,
.tpl-content h4,
.tpl-content h5 {
color: #464443;
margin-bottom: 20px;
line-height: 1.3;
margin-top: 10px
}
.tpl-content h2:first-of-type,
.tpl-content h3:first-of-type,
.tpl-content h4:first-of-type,
.tpl-content h5:first-of-type {
margin-top: 0
}
.tpl-content h2 {
font-size: 24px
}
.tpl-content h3 {
font-size: 20px
}
.tpl-content h4 {
font-size: 18px
}
.tpl-content h5 {
font-size: 16px
}
.tpl-content a {
color: #6e9820;
text-decoration: underline
}
.tpl-content a:hover {
color: #98ca3c;
text-decoration: none
}
.tpl-content ol,
.tpl-content p,
.tpl-content ul {
margin-bottom: 30px
}
.tpl-content ol:last-child,
.tpl-content p:last-child,
.tpl-content ul:last-child {
margin-bottom: 0
}
.tpl-content img {
margin-bottom: 40px
}
.tpl-content img.alignleft {
float: left;
margin-right: 40px
}
.tpl-content img.alignright {
float: right;
margin-left: 40px
}
.tpl-content img.aligncenter {
display: block;
margin: 0 auto
}
.tpl-content ol {
counter-reset: section
}
.tpl-content ol li {
position: relative;
padding-left: 40px;
margin-bottom: 10px
}
.tpl-content ol li:before {
counter-increment: section;
content: counter(section) ". ";
position: absolute;
left: 0;
color: #464443;
font-weight: 700;
top: 0;
font-size: 16px;
left: 10px
}
.tpl-content ol li:last-child {
margin-bottom: 0
}
.tpl-content ol li ol,
.tpl-content ol li ul {
margin: 10px 0
}
.tpl-content ul li {
position: relative;
padding-left: 40px;
margin-bottom: 10px
}
.tpl-content ul li:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #98ca3c;
top: 10px;
left: 10px
}
.tpl-content ul li:last-child {
margin-bottom: 0
}
.tpl-content ul li ol,
.tpl-content ul li ul {
margin: 10px 0
}
.tpl-content blockquote {
padding: 20px;
position: relative;
background-color: #fff7e6;
padding: 50px;
padding-left: 140px;
font-size: 20px;
font-weight: 500;
margin-bottom: 50px
}
.tpl-content blockquote:before {
content: "“";
text-align: center;
position: absolute;
width: 80px;
height: 80px;
background-color: #98ca3c;
border-radius: 50%;
color: #fff;
font-size: 48px;
line-height: 110px;
top: 35px;
left: 25px
}
.tpl-content table {
width: 100%
}
.tpl-content table .st-head-row-main {
display: none
}
.tpl-content table thead tr td,
.tpl-content table thead tr th {
background-color: #fff7e6;
font-weight: 500;
padding: 20px 15px;
text-align: left
}
.tpl-content table tbody tr th,
.tpl-content table tfoot tr th {
background-color: #fff7e6;
font-weight: 500;
padding: 15px;
text-align: center
}
.tpl-content table tbody tr td,
.tpl-content table tfoot tr td {
padding: 10px 15px;
border-bottom: 1px solid #f1e9d7;
line-height: 1.3
}
.similar {
border: 1px solid #f1ede4;
border-radius: 5px;
position: relative;
padding: 30px
}
.similar .ttl {
color: #464443;
font-size: 22px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 20px
}
.similar .products_list {
margin: 0;
display: block
}
.similar .products_list .owl-nav button {
top: 0;
bottom: 0;
margin: auto
}
.similar .products_list .owl-nav button.owl-prev {
left: -60px
}
.similar .products_list .owl-nav button.owl-next {
right: -60px
}
.similar .product_item {
text-align: center;
width: 100%;
margin: 0
}
.similar .product_item .img {
display: block;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
height: auto;
margin-bottom: 15px;
background-color: #98ca3c
}
.similar .product_item .img:hover img {
opacity: .5
}
.similar .product_item .img img {
width: 100%;
height: auto;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
display: block
}
.similar .product_item .name {
display: block;
color: #312f29;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px
}
.similar .product_item .desc,
.similar .product_item .sizes {
display: none!important
}
.similar .product_item .price {
margin-bottom: 10px;
color: #312f29;
font-size: 20px;
font-weight: 500;
text-align: center;
line-height: 1.2;
width: 100%
}
.similar .product_item .bottom {
position: static;
display: block
}
.similar .product_item .order {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 5px;
padding-right: 5px
}
.similar .product_item .qty {
width: 84px
}
.related {
padding-top: 45px
}
.related .ttl {
font-size: 26px;
font-weight: 400;
margin-bottom: 27px
}
.related .products_list {
margin: 0
}
.related .product_item {
width: 100%;
margin: 0
}
.related .product_item:before {
display: none
}
.single_product {
padding-top: 30px
}
.single_product .card {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 45px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.single_product .product_image {
width: 475px;
border-radius: 5px;
overflow: hidden
}
.single_product .product_image img {
display: block;
width: 100%;
height: auto
}
.single_product .product_info {
width: 725px;
padding-top: 10px
}
.single_product .product_info .name {
font-size: 26px;
font-weight: 400;
padding-bottom: 25px;
border-bottom: 1px solid #fff7e6;
margin-bottom: 25px
}
.single_product .product_info .attr_item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px
}
.single_product .product_info .attr_item strong {
width: 95px;
font-weight: 500
}
.single_product .product_info .attr_item .data {
width: -webkit-calc(100% - 95px);
width: calc(100% - 95px);
color: #787776;
font-size: 16px;
line-height: 1.2
}
.single_product .product_info .bottom {
border-top: 1px solid #fff7e6;
padding-top: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.single_product .product_info .price {
font-size: 32px;
font-weight: 500
}
.single_product .product_info .price del {
font-weight: 400;
font-size: 24px;
color: #b7b6b3;
display: inline-block;
vertical-align: baseline;
margin-right: 20px
}
.single_product .product_info .price ins {
display: inline-block;
vertical-align: baseline;
text-decoration: none
}
.single_product .product_info .order {
margin-left: 44px
}
.single_product .product_info div.qty {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
margin-right: 30px
}
.single_product .product_info .btn {
display: inline-block;
vertical-align: middle
}
.modal {
background-color: #fff7e6;
border-radius: 5px;
padding: 40px;
width: 400px;
text-align: center
}
.modal .ttl {
color: #464443;
font-size: 22px;
font-weight: 400;
margin-bottom: 25px
}
.modal input {
width: 100%;
height: 46px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 23px;
padding-left: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 15px;
margin-bottom: 10px;
font-weight: 400
}
.modal input::-webkit-input-placeholder {
color: #928d8c
}
.modal input::-moz-placeholder {
color: #928d8c
}
.modal input:-ms-input-placeholder {
color: #928d8c
}
.modal input::-ms-input-placeholder {
color: #928d8c
}
.modal input::placeholder {
color: #928d8c
}
.modal input:focus {
border-color: #f23e1b
}
.modal textarea {
width: 100%;
height: 148px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 23px;
padding: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 15px;
margin-bottom: 10px;
font-weight: 400
}
.modal textarea::-webkit-input-placeholder {
color: #928d8c
}
.modal textarea::-moz-placeholder {
color: #928d8c
}
.modal textarea:-ms-input-placeholder {
color: #928d8c
}
.modal textarea::-ms-input-placeholder {
color: #928d8c
}
.modal textarea::placeholder {
color: #928d8c
}
.modal textarea:focus {
border-color: #f23e1b
}
.a-send {
text-align: center;
font-size: 18px;
background-color: #fff7e6;
border-radius: 5px
}
.a-send img {
width: 150px
}
.a-send p {
margin-bottom: 25px
}
.a-send .ttl {
color: #464443;
font-size: 27px;
font-weight: 400;
margin-bottom: 10px
}
form label.error {
display: none!important
}
form input.error,
form select.error,
form textarea.error {
border-color: #a51016!important
}
form input.success,
form select.success,
form textarea.success {
border-color: #37af26!important
}
.not-found {
padding: 100px 0;
text-align: center;
min-height: -webkit-calc(100vh - 428px);
min-height: calc(100vh - 428px)
}
.not-found .image {
margin: 50px 0
}
.not-found .image img {
max-width: 250px
}
.not-found .btn {
margin-right: 20px
}
.not-found .btn:last-child {
margin-right: 0
}
.select2-dropdown {
border-color: #e9dec5!important
}
.lunch_page .lunch_wrap {
margin-top: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.lunch_page .lunch_wrap .item {
width: 40%;
margin-bottom: 20px;
cursor: pointer;
background: #98ca3c;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
margin-right: 30px;
position: relative;
top: 0
}
.lunch_page .lunch_wrap .item:hover {
top: -5px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
box-shadow: 0 10px 20px rgba(0, 0, 0, .25)
}
.lunch_page .lunch_wrap .item img {
display: block;
width: 100%;
height: auto;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.page .cart_table {
width: 100%;
margin-bottom: 30px
}
.page .cart_table thead tr td,
.page .cart_table thead tr th {
font-size: 17px;
font-weight: 500;
border-bottom: 1px solid #eceae9;
padding: 10px;
text-align: left
}
.page .cart_table tbody tr .prod_info {
max-width: 300px
}
.page .cart_table tbody tr:last-child td {
padding-top: 20px;
border-bottom: 0
}
.page .cart_table tbody tr td {
padding: 10px;
position: relative;
border-bottom: 1px solid #eceae9
}
.page .cart_table tbody tr td:first-child {
padding-left: 0
}
.page .cart_table .screen-reader-text {
font-size: 0;
opacity: 0
}
.page .cart_table .coupon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.page .cart_table .coupon label {
margin-right: 10px
}
.page .cart_table .coupon input.input-text {
width: 200px;
height: 35px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 5px;
padding-left: 10px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 14px;
margin-right: 15px;
font-weight: 400
}
.page .cart_table .coupon input.input-text::-webkit-input-placeholder {
color: #928d8c
}
.page .cart_table .coupon input.input-text::-moz-placeholder {
color: #928d8c
}
.page .cart_table .coupon input.input-text:-ms-input-placeholder {
color: #928d8c
}
.page .cart_table .coupon input.input-text::-ms-input-placeholder {
color: #928d8c
}
.page .cart_table .coupon input.input-text::placeholder {
color: #928d8c
}
.page .cart_table .coupon input.input-text:focus {
border-color: #f23e1b
}
.page .cart_table .coupon .button {
border-radius: 5px;
padding: 0 15px;
font-size: 14px;
color: #fff;
background-color: #98ca3c;
height: 35px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.page .cart_table .coupon .button:hover {
background-color: #f23e1b
}
.page .cart_table .actions_wrap {
border-bottom: 0
}
.page .cart_table .actions_wrap .btn {
padding: 15px 35px;
font-size: 16px;
display: none
}
.page .woocommerce input[type=submit] {
display: inline-block;
vertical-align: middle;
color: #464443;
font-size: 17px;
font-weight: 500;
border: 1px solid #98ca3c;
border-radius: 35px;
padding: 18px 75px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-align: center;
background-color: #98ca3c;
color: #fff
}
.page .woocommerce input[type=submit]:hover {
background-color: #f23e1b;
border-color: #f23e1b
}
.page .woocommerce .wc_payment_methods li {
margin-bottom: 20px
}
.page .woocommerce .wc_payment_methods li:last-child {
margin-bottom: 0
}
.page .woocommerce .wc_payment_methods li input,
.page .woocommerce .wc_payment_methods li label {
cursor: pointer
}
.page .woocommerce h3 {
font-size: 21px;
font-weight: 500;
margin-bottom: 15px;
color: #464443
}
.page .woocommerce #billing_country_field {
display: none
}
.page .woocommerce #billing_country_field .woocommerce-input-wrapper {
width: 100%;
height: 46px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 10px;
padding-left: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 15px;
line-height: 46px
}
.page .woocommerce #billing_country_field .woocommerce-input-wrapper strong {
font-weight: 400
}
.page .woocommerce .form-row {
margin-bottom: 10px
}
.page .woocommerce .form-row.create-account span {
display: inline-block
}
.page .woocommerce .form-row.create-account .woocommerce-form__label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.page .woocommerce .form-row input {
width: 100%;
height: 46px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 10px;
padding-left: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 15px;
font-weight: 400
}
.page .woocommerce .form-row input::-webkit-input-placeholder {
color: #928d8c
}
.page .woocommerce .form-row input::-moz-placeholder {
color: #928d8c
}
.page .woocommerce .form-row input:-ms-input-placeholder {
color: #928d8c
}
.page .woocommerce .form-row input::-ms-input-placeholder {
color: #928d8c
}
.page .woocommerce .form-row input::placeholder {
color: #928d8c
}
.page .woocommerce .form-row input:focus {
border-color: #f23e1b
}
.page .woocommerce .form-row input[type=checkbox] {
padding: 0;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
margin-right: 7px;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: text-bottom
}
.page .woocommerce .form-row input[type=radio] {
padding: 0;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
margin-right: 7px;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: text-bottom
}
.page .woocommerce .form-row label abbr {
color: #f23e1b
}
.page .woocommerce .form-row label span {
display: none
}
.page .woocommerce .form-row .select2-container--open .select2-selection {
border-radius: 0
}
.page .woocommerce .form-row .woocommerce-input-wrapper {
display: block;
margin-top: 5px
}
.page .woocommerce .form-row select {
width: 100%;
height: 46px;
background: #fff url(//ramenskoe.centurippe.ru/wp-content/themes/centurippe/img/drop-down-arrow.png) center right 15px no-repeat;
background-size: 8px;
border: 1px solid #e9dec5;
padding-right: 30px;
border-radius: 10px;
padding-left: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #444;
font-size: 15px;
font-weight: 400;
position: relative
}
.page .woocommerce .form-row select::-webkit-input-placeholder {
color: #444;
opacity: 1
}
.page .woocommerce .form-row select::-moz-placeholder {
color: #444;
opacity: 1
}
.page .woocommerce .form-row select:-ms-input-placeholder {
color: #444;
opacity: 1
}
.page .woocommerce .form-row select::-ms-input-placeholder {
color: #444;
opacity: 1
}
.page .woocommerce .form-row select::placeholder {
color: #444;
opacity: 1
}
.page .woocommerce .form-row select:focus {
border-color: #f23e1b
}
.page .woocommerce .form-row .select2 {
height: 46px
}
.page .woocommerce .form-row .select2-selection--single {
width: 100%;
height: 100%;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 10px;
padding-left: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 15px;
font-weight: 400;
position: relative
}
.page .woocommerce .form-row .select2-selection--single .select2-selection__rendered {
line-height: 46px;
padding-left: 0
}
.page .woocommerce .form-row .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 10px
}
.page .woocommerce .form-row .select2-selection--single::-webkit-input-placeholder {
color: #928d8c
}
.page .woocommerce .form-row .select2-selection--single::-moz-placeholder {
color: #928d8c
}
.page .woocommerce .form-row .select2-selection--single:-ms-input-placeholder {
color: #928d8c
}
.page .woocommerce .form-row .select2-selection--single::-ms-input-placeholder {
color: #928d8c
}
.page .woocommerce .form-row .select2-selection--single::placeholder {
color: #928d8c
}
.page .woocommerce .form-row textarea {
width: 100%;
height: 148px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 10px;
padding: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 15px;
font-weight: 400
}
.page .woocommerce .form-row textarea::-webkit-input-placeholder {
color: #928d8c
}
.page .woocommerce .form-row textarea::-moz-placeholder {
color: #928d8c
}
.page .woocommerce .form-row textarea:-ms-input-placeholder {
color: #928d8c
}
.page .woocommerce .form-row textarea::-ms-input-placeholder {
color: #928d8c
}
.page .woocommerce .form-row textarea::placeholder {
color: #928d8c
}
.page .woocommerce .form-row textarea:focus {
border-color: #f23e1b
}
.page .woocommerce .checkout_coupon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px
}
.page .woocommerce .checkout_coupon p:not(.form-row) {
width: 100%;
margin-bottom: 10px
}
.page .woocommerce .checkout_coupon label {
margin-right: 10px
}
.page .woocommerce .checkout_coupon input.input-text {
width: 200px;
height: 35px;
background-color: #fff;
border: 1px solid #e9dec5;
border-radius: 5px;
padding-left: 10px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #464443;
color: #928d8c;
font-size: 14px;
margin-right: 15px;
font-weight: 400
}
.page .woocommerce .checkout_coupon input.input-text::-webkit-input-placeholder {
color: #928d8c
}
.page .woocommerce .checkout_coupon input.input-text::-moz-placeholder {
color: #928d8c
}
.page .woocommerce .checkout_coupon input.input-text:-ms-input-placeholder {
color: #928d8c
}
.page .woocommerce .checkout_coupon input.input-text::-ms-input-placeholder {
color: #928d8c
}
.page .woocommerce .checkout_coupon input.input-text::placeholder {
color: #928d8c
}
.page .woocommerce .checkout_coupon input.input-text:focus {
border-color: #f23e1b
}
.page .woocommerce .checkout_coupon .button {
border-radius: 5px;
padding: 0 15px;
font-size: 14px;
color: #fff;
background-color: #98ca3c;
height: 35px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.page .woocommerce .checkout_coupon .button:hover {
background-color: #f23e1b
}
.page .woocommerce .woocommerce-address-fields__field-wrapper {
margin-bottom: 20px
}
.page .woocommerce .woocommerce-address-fields__field-wrapper,
.page .woocommerce .woocommerce-billing-fields__field-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end
}
.page .woocommerce .woocommerce-address-fields__field-wrapper .form-row,
.page .woocommerce .woocommerce-billing-fields__field-wrapper .form-row {
width: 49%
}
.page .woocommerce .woocommerce-message {
margin-bottom: 25px;
font-weight: 500;
line-height: 1.3;
padding: 15px 10px;
border: 1px solid #eceae9;
border-radius: 5px
}
.page .woocommerce .woocommerce-message a {
color: #6e9820;
text-decoration: underline
}
.page .woocommerce .woocommerce-message a:hover {
color: #98ca3c;
text-decoration: none
}
.page .woocommerce table.shop_table {
border: 0;
margin: 0
}
.page .woocommerce .cart-empty {
margin-bottom: 15px
}
.page .woocommerce .woocommerce-terms-and-conditions-wrapper {
margin-bottom: 30px
}
.page .woocommerce .woocommerce-shipping-methods li {
margin-bottom: 5px
}
.page .woocommerce .woocommerce-shipping-methods li input[type=radio] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
margin-right: 7px
}
.page .woocommerce-checkout-review-order-table {
margin-bottom: 30px;
width: 100%
}
.page .woocommerce-notices-wrapper {
margin-bottom: 20px
}
.page .woocommerce-notices-wrapper .woocommerce-error {
margin-bottom: 15px
}
.page .woocommerce-notices-wrapper .woocommerce-info {
margin-bottom: 15px
}
.page .woocommerce-error li {
background-color: rgba(242, 62, 27, .1);
line-height: 1.3;
padding: 15px;
border-radius: 5px;
margin-bottom: 5px;
border-top: 2px solid #f23e1b;
font-weight: 500;
margin-bottom: 15px
}
.page .woocommerce-error li strong {
font-weight: 500;
color: #f23e1b
}
.page .woocommerce-info {
font-weight: 500;
line-height: 1.3;
padding: 15px;
background: #fff7e6;
border-top: 2px solid #98cb3c;
border-radius: 5px
}
.page .woocommerce-info a {
color: #6e9820;
text-decoration: underline
}
.page .woocommerce-info a:hover {
color: #98ca3c;
text-decoration: none
}
.page .cart-collaterals {
margin-top: -73px
}
.page .wc-proceed-to-checkout.disabled {
position: relative
}
.page .wc-proceed-to-checkout.disabled:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2
}
.page .wc-proceed-to-checkout.disabled a {
cursor: not-allowed;
opacity: .5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.login_wrap .woocommerce .u-columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.login_wrap .woocommerce .u-columns>div {
padding: 30px 40px;
background: #fff7e6;
width: 49%;
line-height: 1.5
}
.login_wrap .woocommerce h2 {
color: #464443;
margin-bottom: 20px;
font-size: 30px;
font-weight: 400
}
.login_wrap .woocommerce a {
color: #6e9820;
text-decoration: underline
}
.login_wrap .woocommerce a:hover {
color: #98ca3c;
text-decoration: none
}
.login_wrap .woocommerce .button {
margin: 15px 0
}
.login_wrap .woocommerce .woocommerce-form-login__rememberme {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
margin-bottom: 5px
}
.login_wrap .woocommerce .woocommerce-form-login__rememberme input {
border: 0;
padding: 0;
width: 20px;
height: 20px;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
margin: 0
}
.login_wrap .woocommerce .woocommerce-form-login__rememberme span {
margin-left: 10px;
display: block!important
}
.account_wrap .woocommerce {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.account_wrap .woocommerce table {
width: 100%
}
.account_wrap .woocommerce table .st-head-row-main {
display: none
}
.account_wrap .woocommerce table thead tr td,
.account_wrap .woocommerce table thead tr th {
background-color: #fff7e6;
font-weight: 500;
padding: 20px 15px;
text-align: left;
border: 1px solid #f1e9d7
}
.account_wrap .woocommerce table tbody tr th,
.account_wrap .woocommerce table tfoot tr th {
font-weight: 500;
padding: 15px;
border: 1px solid #f1e9d7
}
.account_wrap .woocommerce table tbody tr td,
.account_wrap .woocommerce table tfoot tr td {
padding: 10px 15px;
border: 1px solid #f1e9d7;
line-height: 1.3
}
.account_wrap .woocommerce section {
margin-top: 0!important;
margin-bottom: 20px
}
.account_wrap .woocommerce section:last-child {
margin-bottom: 0
}
.account_wrap .woocommerce section .woocommerce-columns.addresses {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.account_wrap .woocommerce section .woocommerce-columns.addresses .woocommerce-column {
width: 49%
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation {
width: 250px
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation li {
margin-bottom: 10px
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation li:last-child {
margin-bottom: 0
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation li.is-active a {
background-color: #98ca3c;
color: #fff
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation li a {
display: block;
padding: 15px 35px;
background: #fff7e6;
color: #464443;
border-radius: 30px;
font-weight: 500;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation li a:hover {
background-color: #98ca3c;
color: #fff
}
.account_wrap .woocommerce .woocommerce-MyAccount-content {
width: -webkit-calc(100% - 270px);
width: calc(100% - 270px);
line-height: 1.7;
border: 1px solid #eceae9;
padding: 20px
}
.account_wrap .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title {
position: static!important;
padding: 0!important;
margin-bottom: 15px
}
.account_wrap .woocommerce .woocommerce-MyAccount-content .woocommerce-Address {
margin-bottom: 20px
}
.account_wrap .woocommerce .woocommerce-MyAccount-content .woocommerce-Address:last-child {
margin-bottom: 0
}
.account_wrap .woocommerce .woocommerce-MyAccount-content .woocommerce-info,
.account_wrap .woocommerce .woocommerce-MyAccount-content .woocommerce-message {
border: 0;
padding: 0
}
.account_wrap .woocommerce .woocommerce-MyAccount-content em {
font-size: .9em
}
.account_wrap .woocommerce .woocommerce-MyAccount-content a {
color: #6e9820;
text-decoration: underline
}
.account_wrap .woocommerce .woocommerce-MyAccount-content a:hover {
color: #98ca3c;
text-decoration: none
}
.account_wrap .woocommerce .woocommerce-MyAccount-content .button {
text-decoration: none;
color: #fff!important
}
.account_wrap .woocommerce .woocommerce-MyAccount-content .woocommerce-Button {
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px
}
.checkout_wrap {
line-height: 1.7
}
.checkout_wrap .woocommerce-columns.addresses {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.checkout_wrap .woocommerce-columns.addresses .woocommerce-column {
width: 49%
}
.checkout_wrap .woocommerce-order-overview {
margin: 10px 0
}
.checkout_wrap .woocommerce-order-details__title {
margin: 20px 0
}
.checkout_wrap section {
margin-top: 0!important;
margin-bottom: 20px
}
.checkout_wrap section:last-child {
margin-bottom: 0
}
.checkout_wrap h3 {
font-size: 21px;
margin-bottom: 15px
}
.checkout_wrap input[type=checkbox],
.checkout_wrap input[type=radio] {
padding: 0;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
margin-right: 7px;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: text-bottom
}
.checkout_wrap a {
color: #6e9820;
text-decoration: underline
}
.checkout_wrap a:hover {
color: #98ca3c;
text-decoration: none
}
.checkout_wrap table {
width: 100%
}
.checkout_wrap table thead tr td,
.checkout_wrap table thead tr th {
background-color: #fff7e6;
font-weight: 500;
padding: 15px 20px;
text-align: left;
font-size: 1.2em
}
.checkout_wrap table thead tr td:first-child,
.checkout_wrap table thead tr th:first-child {
border-radius: 10px 0 0 10px
}
.checkout_wrap table thead tr td:last-child,
.checkout_wrap table thead tr th:last-child {
border-radius: 0 10px 10px 0
}
.checkout_wrap table tbody tr td {
padding: 15px 20px;
line-height: 1.3
}
.checkout_wrap table tfoot tr:last-child td,
.checkout_wrap table tfoot tr:last-child th {
border-bottom: 1px solid #f1e9d7
}
.checkout_wrap table tfoot tr th {
font-weight: 500;
text-align: left
}
.checkout_wrap table tfoot tr td,
.checkout_wrap table tfoot tr th {
padding: 15px 20px;
line-height: 1.3;
border-top: 1px solid #f1e9d7
}
.checkout_wrap table .woocommerce-Price-amount {
font-weight: 500
}
.checkout_wrap table .order-total .woocommerce-Price-amount {
font-size: 1.5em;
font-weight: 700
}
.checkout_wrap .col-1,
.checkout_wrap .col-2 {
margin-bottom: 10px
}
.checkout_wrap .woocommerce-checkout-payment {
margin-top: 30px;
line-height: 1.5
}
.checkout_wrap .woocommerce-checkout-payment input[type=checkbox],
.checkout_wrap .woocommerce-checkout-payment input[type=radio] {
padding: 0;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
margin-right: 7px;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: text-bottom
}
.checkout_wrap .woocommerce-checkout-payment .wc_payment_method label {
font-weight: 700
}
.checkout_wrap .woocommerce-checkout-payment a {
color: #6e9820;
text-decoration: underline
}
.checkout_wrap .woocommerce-checkout-payment a:hover {
color: #98ca3c;
text-decoration: none
}
.checkout_wrap .woocommerce-shipping-methods li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px
}
.checkout_wrap .woocommerce-shipping-methods li:last-child {
margin-bottom: 0
}
.checkout_wrap .wc_payment_methods {
margin-bottom: 10px
}
.checkout_wrap .woocommerce-form-coupon-toggle {
margin-bottom: 10px
}
.checkout_wrap .woocommerce-NoticeGroup {
margin-bottom: 20px
}
[ui-pnotify].ui-pnotify .brighttheme-notice {
background-color: #fff7e6;
border: 0 solid #98ca3c
}
[ui-pnotify].ui-pnotify .brighttheme-notice div,
[ui-pnotify].ui-pnotify .brighttheme-notice h4 {
color: #464443
}
[ui-pnotify].ui-pnotify .brighttheme-notice a {
color: #98ca3c
}
[ui-pnotify].ui-pnotify .brighttheme-notice a:hover {
text-decoration: underline
}
[ui-pnotify].ui-pnotify .brighttheme .brighttheme-icon-notice {
color: #fff7e6
}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-title {
margin-bottom: 5px;
font-weight: 700
}
[ui-pnotify].ui-pnotify .brighttheme .ui-pnotify-text {
line-height: 1;
white-space: normal
}
@-webkit-keyframes lds-hourglass {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
50% {
-webkit-transform: rotate(900deg);
transform: rotate(900deg);
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
100% {
-webkit-transform: rotate(1800deg);
transform: rotate(1800deg)
}
}
@keyframes lds-hourglass {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
50% {
-webkit-transform: rotate(900deg);
transform: rotate(900deg);
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
100% {
-webkit-transform: rotate(1800deg);
transform: rotate(1800deg)
}
}
@media screen and (max-width:1350px) {
main .owl-carousel .owl-nav button.owl-prev {
left: -15px
}
main .owl-carousel .owl-nav button.owl-next {
right: -15px
}
}
@media screen and (max-width:1260px) {
.box {
width: 100%;
padding-left: 15px;
padding-right: 15px
}
.menu_item {
width: -webkit-calc(20% - 15px);
width: calc(20% - 15px)
}
.menu_list:after {
width: -webkit-calc(20% - 15px);
width: calc(20% - 15px)
}
.free_delivery {
padding-top: 50px;
padding-bottom: 60px
}
.free_delivery p {
margin-top: 15px
}
.free_delivery .ttl h2 {
font-size: 70px
}
.free_delivery .tel {
font-size: 33px
}
.free_delivery .time {
margin-bottom: 15px
}
.free_delivery .ttl {
padding-bottom: 15px;
margin-bottom: 15px
}
.about_us {
padding-top: 50px;
padding-bottom: 75px
}
.menu_wrap {
padding: 50px 0
}
.hero .text {
text-shadow: 1px 1px 1px #000;
padding-top: 75px;
padding-bottom: 100px
}
.hero .dots-wrap {
bottom: 50px
}
.hero .text blockquote {
margin-top: 20px;
margin-bottom: 40px
}
.hero .slider {
max-height: 451px
}
.advantages {
padding: 15px 0
}
header .logo {
width: 150px
}
header .inner {
width: -webkit-calc(100% - 165px);
width: calc(100% - 165px)
}
header .top {
padding: 5px 0
}
header .top .btn {
padding: 15px 35px;
font-size: 15px
}
main section:first-child {
margin-top: 126px
}
header nav>ul a {
font-size: 14px;
padding: 10px 15px
}
.qty input {
text-align: center
}
.hero .text:before {
border-radius: 0 100px 0 0
}
.about_us .image {
width: 49%
}
.about_us .text {
width: 49%
}
.about_us .list h3 {
margin-bottom: 15px
}
.about_us .list p {
margin-bottom: 15px
}
.about_us .list strong {
font-size: 16px
}
footer .col.data {
padding: 0 25px
}
footer:before {
width: 40%
}
footer .col.nav {
width: 40%
}
footer .col.data {
width: 60%
}
footer .nav ul {
width: 45%
}
.hero .text {
width: 500px;
padding-right: 50px
}
.hero .text h2 {
font-size: 75px
}
.contacts .data {
width: 48%
}
.contacts .form {
width: 60%
}
.news_item .text {
padding: 15px
}
.page {
padding-bottom: 75px
}
.product_item {
width: -webkit-calc(33.333% - 20px);
width: calc(33.333% - 20px)
}
.single_product .product_image {
width: 38%
}
.single_product .product_info {
width: 60%
}
.single_product .product_info .bottom {
padding-top: 15px
}
.single_product .card {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.single_product .product_info .name {
font-size: 24px;
padding-bottom: 15px;
margin-bottom: 15px
}
.advantages .item .text {
font-size: 15px
}
.news_item {
width: -webkit-calc(50% - 20px);
width: calc(50% - 20px)
}
}
@media screen and (min-width:1021px) {
header.fixed {
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
box-shadow: 0 3px 5px rgba(0, 0, 0, .2)
}
header.fixed .logo {
width: 125px
}
header.fixed .inner {
width: 100%;
width: -webkit-calc(100% - 150px);
width: calc(100% - 150px)
}
header.fixed .top {
display: none
}
header.fixed nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
header.fixed nav>ul {
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px)
}
header.fixed nav .cart_btn {
display: inline-block
}
header nav>ul li.has_child {
position: relative;
z-index: 99
}
header nav>ul li.has_child:hover>.sub-menu {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
z-index: 33;
opacity: 1;
visibility: visible
}
header nav>ul li.has_child>.sub-menu {
padding: 20px;
position: absolute;
top: 100%;
left: 0;
margin-top: 10px;
width: 620px;
background-color: rgba(255, 247, 230, .95);
-webkit-box-shadow: 0 7px 15px rgba(36, 16, 8, .11);
box-shadow: 0 7px 15px rgba(36, 16, 8, .11);
border-radius: 5px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
z-index: -999;
opacity: 0;
visibility: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
header nav>ul li.has_child>.sub-menu:before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
right: 0;
height: 10px
}
header nav>ul li.has_child>.sub-menu li {
width: 49%;
display: inline-block;
vertical-align: middle
}
header nav>ul li.has_child>.sub-menu a {
padding: 12px 20px;
border: 1px solid transparent;
border-radius: 25px
}
header nav>ul li.has_child>.sub-menu a:hover {
border-color: #d5bfb7
}
}
@media screen and (max-width:1020px) {
header .logo {
width: 100px
}
header {
padding: 10px 0
}
header.fixed {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
box-shadow: 0 5px 10px rgba(0, 0, 0, .15)
}
header .mob {
display: block
}
header .inner {
position: fixed;
top: 80px;
right: -320px;
bottom: 0;
z-index: 999;
background-color: #fff;
width: 320px;
padding: 20px;
-webkit-transition: .3s right;
-o-transition: .3s right;
transition: .3s right;
display: none;
-webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, .1);
box-shadow: inset 0 5px 5px rgba(0, 0, 0, .1)
}
header .inner.active {
right: 0
}
header .inner .overflow {
height: 100%;
overflow: auto
}
header .inner .overflow .top {
display: none
}
header .inner .before {
top: 0;
right: 100%;
bottom: 0;
width: 1500px;
position: absolute;
background-color: rgba(0, 0, 0, .5)
}
header .phones .sub-menu:after,
header .phones .sub-menu:before {
display: none
}
header .top {
display: block
}
header nav .cart_btn {
display: none
}
header .top .cart_btn {
display: none
}
header .acc_btn,
header .cart_btn,
header .mob .city_wr,
header .mob .get_call {
border: 1px solid rgba(128, 52, 46, .2)
}
header .address {
margin-bottom: 15px
}
header .phones .delivery {
margin-bottom: 15px
}
header .phones .delivery {
padding-right: 0
}
header .address {
line-height: 1.2
}
header .phones .delivery:after {
display: none
}
header .top .btn {
display: none
}
header .phones .sub-menu {
background-color: transparent;
position: static;
display: block;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 15px
}
header nav>ul {
display: block
}
header nav>ul li.has_child .sub-menu {
display: none;
padding: 10px;
background-color: #fff7e6
}
header nav>ul li.has_child .sub-menu li a {
padding-top: 5px;
padding-bottom: 5px
}
main section:first-child {
margin-top: 80px
}
.advantages .item {
display: block;
text-align: center
}
.advantages .item .img {
width: 100%
}
.advantages .item .text {
width: 100%
}
.menu_item {
width: -webkit-calc(25% - 15px);
width: calc(25% - 15px)
}
.menu_item .name {
bottom: 15px
}
.about_us .list {
display: block
}
.about_us .list .image {
width: 100%;
height: auto;
margin-bottom: 20px
}
.about_us .list .text {
width: 100%
}
footer {
padding-bottom: 70px
}
footer:before {
display: none
}
footer .box {
display: block
}
footer .col.nav {
width: 100%;
margin-bottom: 20px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
footer .col.data {
width: 100%
}
footer .copyright {
position: absolute;
bottom: 20px;
left: 10px;
right: 10px;
text-align: center
}
footer .nav .logo_wrap {
width: 190px
}
footer .nav ul {
width: -webkit-calc(100% - 250px);
width: calc(100% - 250px);
display: block
}
footer .nav ul li {
width: 100%
}
footer .nav .logo {
margin: 0
}
.reviews .box {
display: block
}
.reviews .content {
width: 100%;
margin-bottom: 20px
}
.reviews aside .form {
width: 100%
}
.tpl-content img.alignleft,
.tpl-content img.alignright {
max-width: 50%
}
.team_page .employee .img {
width: 175px;
height: 175px
}
.contacts .box {
display: block
}
.contacts .box .data {
width: 100%;
margin-bottom: 20px
}
.contacts .box .form {
width: 100%
}
.single_product .card {
display: block
}
.single_product .product_image {
width: 100%;
margin-bottom: 10px
}
.single_product .product_info {
width: 100%
}
.product_item {
width: -webkit-calc(50% - 20px);
width: calc(50% - 20px)
}
.product_item .img {
height: auto;
min-height: 200px
}
.product_item .img img {
display: block
}
.login_wrap .woocommerce .u-columns>div {
padding: 20px 15px;
font-size: 14px
}
.page .cart-collaterals {
margin-top: 0
}
}
@media screen and (max-width:760px) {
header {
padding: 5px 0
}
header .acc_btn,
header .cart_btn,
header .mob .city_wr,
header .mob .get_call {
width: 45px;
height: 45px
}
header .acc_btn:before,
header .cart_btn:before,
header .mob .city_wr:before,
header .mob .get_call:before {
background-size: contain;
width: 20px;
height: 20px
}
main section:first-child {
margin-top: 65px
}
header .inner {
top: 65px
}
header .cart_btn .count {
width: 18px;
height: 18px;
line-height: 18px;
font-size: 12px
}
header .mob .cart_btn {
margin-right: 15px
}
.hero .text {
width: 100%;
text-align: center;
padding-right: 0
}
.hero .text h2,
.hero .text h4 {
color: #fff
}
.hero .text blockquote {
padding: 0;
color: #fff
}
.hero .text blockquote:before {
display: none
}
.hero .text:before {
opacity: 0;
right: -15px;
border-radius: 0;
-webkit-transform: skewX(0);
-ms-transform: skewX(0);
transform: skewX(0)
}
.hero .dots-wrap {
text-align: center
}
.hero .text:after {
display: none
}
.hero .image {
width: 100%
}
.free_delivery .ttl h2 {
font-size: 60px
}
.free_delivery .tel {
font-size: 27px
}
.free_delivery {
padding-top: 35px;
padding-bottom: 50px
}
.tpl-content blockquote {
padding: 25px;
padding-left: 100px;
font-size: 18px
}
.tpl-content blockquote:before {
top: 20px;
left: 15px;
width: 70px;
height: 70px;
line-height: 90px
}
.tpl-content img {
float: none!important;
margin-left: 0!important;
margin-right: 0!important;
max-width: inherit!important;
width: 100%;
margin-bottom: 15px
}
.tpl-content ol,
.tpl-content p,
.tpl-content ul {
margin-bottom: 15px
}
.tpl-content blockquote {
margin-bottom: 15px
}
.cart_table thead {
display: none
}
.cart_table tbody tr td {
padding: 5px
}
.cart_item .img {
width: 100px;
height: auto;
margin-right: 7px
}
.cart_item .info {
width: -webkit-calc(100% - 110px);
width: calc(100% - 110px)
}
.cart_item .price.single_price {
display: none
}
.cart_item .name {
font-size: 15px;
margin-bottom: 0
}
.related {
padding: 20px
}
.cart_item .price {
font-size: 21px
}
.cart_table thead tr td,
.cart_table thead tr th {
font-size: 16px
}
.cart_table tbody tr td {
padding: 10px 5px
}
.cart_total {
margin-top: 25px;
text-align: center
}
.cart_total .total {
font-size: 16px;
margin-bottom: 15px
}
.cart_total .total strong {
font-size: 24px;
margin-left: 5px
}
.cart_total .btn {
padding-left: 60px;
padding-right: 60px
}
footer .col.nav {
display: block
}
footer .nav .logo_wrap {
margin: 0 auto;
margin-bottom: 15px
}
footer .nav ul {
width: 100%;
text-align: center
}
footer .data_wr {
display: block;
margin-bottom: 15px;
text-align: center
}
footer .data_wr .item {
width: auto;
display: inline-block;
text-align: left;
margin: 5px
}
footer .data_wr.links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.advantages .item {
width: 24%
}
.advantages .item .text {
font-size: 12px
}
.menu_item {
width: -webkit-calc(33.3333% - 15px);
width: calc(33.3333% - 15px)
}
.menu_list:after {
width: -webkit-calc(33.3333% - 15px);
width: calc(33.3333% - 15px)
}
.free_delivery .ttl h2 {
font-size: 44px
}
.free_delivery p {
margin-top: 7px
}
.review {
padding: 15px 0
}
.review:before {
display: none
}
.review .top {
margin-bottom: 10px
}
.news_item {
width: 100%;
display: block;
margin-left: 0
}
.team_page .employee {
width: -webkit-calc(50% - 10px);
width: calc(50% - 10px)
}
.news_list {
display: block;
margin: 0
}
.contacts .form {
padding: 40px 20px
}
.single_product .product_info .bottom {
display: block
}
.single_product .product_info .price {
width: 100%;
margin-bottom: 10px
}
.single_product .product_info .order {
margin: 0;
width: 100%
}
.page .woocommerce .woocommerce-address-fields__field-wrapper,
.page .woocommerce .woocommerce-billing-fields__field-wrapper {
display: block
}
.page .woocommerce .woocommerce-address-fields__field-wrapper .form-row,
.page .woocommerce .woocommerce-billing-fields__field-wrapper .form-row {
width: 100%
}
.account_wrap .woocommerce {
display: block
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation {
width: 100%;
margin-bottom: 20px
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation li {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
margin-bottom: 10px;
margin-left: 10px
}
.account_wrap .woocommerce .woocommerce-MyAccount-navigation li:last-child {
margin-bottom: 10px
}
.account_wrap .woocommerce .woocommerce-MyAccount-content {
width: 100%;
overflow: auto;
padding: 10px
}
.account_wrap .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table {
min-width: 700px
}
.account_wrap .woocommerce table tbody tr td,
.account_wrap .woocommerce table tfoot tr td,
.account_wrap .woocommerce table thead tr td,
.account_wrap .woocommerce table thead tr th {
padding: 10px
}
.login_wrap .woocommerce .u-columns {
display: block
}
.login_wrap .woocommerce .u-columns>div {
width: 100%;
max-width: 450px;
margin-bottom: 20px
}
.login_wrap .woocommerce .u-columns>div:last-child {
margin-bottom: 0
}
.account_wrap .woocommerce section .woocommerce-columns.addresses,
.checkout_wrap .woocommerce-columns.addresses {
display: block
}
.account_wrap .woocommerce section .woocommerce-columns.addresses .woocommerce-column,
.checkout_wrap .woocommerce-columns.addresses .woocommerce-column {
width: 100%
}
.account_wrap .woocommerce table tbody tr th,
.account_wrap .woocommerce table tfoot tr th,
.checkout_wrap table tbody tr td,
.checkout_wrap table tbody tr th,
.checkout_wrap table tfoot tr td,
.checkout_wrap table tfoot tr th,
.checkout_wrap table thead tr td,
.checkout_wrap table thead tr th {
padding: 10px
}
.account_wrap .woocommerce .woocommerce-order-details {
overflow: auto
}
.cart_totals_table {
width: 100%
}
.cart_totals_table .shipping-calculator-form {
display: block
}
.cart_totals_table .shipping-calculator-form .form-row {
width: 100%
}
.cart_totals_table {
width: 100%
}
}
@media screen and (max-width:576px) {
.products_list {
display: block;
margin-left: 0
}
.products_list .product_item {
margin-left: 0
}
.product_item {
width: 100%
}
.login_wrap .woocommerce h2 {
font-size: 24px
}
}
@media screen and (max-width:480px) {
.box {
padding-left: 10px;
padding-right: 10px
}
.tpl-content {
font-size: 14px
}
.tpl-content blockquote {
padding: 15px;
padding-left: 70px;
font-size: 15px
}
.tpl-content blockquote:before {
left: 5px;
top: 15px;
width: 50px;
height: 50px;
line-height: 75px
}
.tpl-content h2,
.tpl-content h3,
.tpl-content h4,
.tpl-content h5 {
margin-bottom: 10px
}
.tpl-content h2 {
font-size: 21px
}
.page .title h1 {
font-size: 26px
}
.page .title {
padding-top: 30px;
padding-bottom: 20px
}
.page .breadcrumbs {
padding: 15px 0
}
.tpl-content ol li,
.tpl-content ul li {
padding-left: 25px
}
.tpl-content ol li:before,
.tpl-content ul li:before {
left: 0
}
.cart_table thead {
display: none
}
.cart_table tbody {
display: block
}
.cart_table tbody .cart_item {
padding: 10px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
border-bottom: 1px solid #eceae9
}
.cart_table tbody .cart_item td {
position: static;
display: block;
width: 32%;
text-align: center;
padding: 5px
}
.cart_table tbody .cart_item td .qty {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex
}
.cart_table tbody .cart_item .single_price {
display: none
}
.cart_table tbody .cart_item .prod_info {
width: 100%;
text-align: left
}
.cart_table tbody .cart_item .remove {
top: 0;
right: 0;
margin: auto;
background-color: #fff;
opacity: 1;
width: 35px;
height: 35px;
display: inline-block;
position: relative;
top: auto;
right: auto
}
.page .cart_table tbody tr td {
border-bottom: 0
}
.cart_table tbody tr:last-child td {
border: 0
}
.cart_table tbody tr td:first-child {
padding-left: 5px
}
.cart_table tbody tr td:last-child {
padding: 0
}
.cart_item .card {
width: 100%
}
.cart_item .card .img {
height: auto
}
.related .ttl {
font-size: 18px
}
main .owl-carousel .owl-dots {
margin-top: 20px
}
main .owl-carousel .owl-dots .owl-dot {
width: 12px;
height: 12px
}
footer .data_wr.links {
display: block
}
footer .soc {
width: 100%;
margin-bottom: 10px
}
footer .payment {
width: 100%
}
.page {
padding-bottom: 50px
}
.hero .text {
padding-top: 35px;
padding-bottom: 60px
}
.hero .text h2 {
font-size: 50px;
line-height: 1.2
}
.hero .text h4 {
font-size: 33px
}
.hero .text blockquote {
margin-top: 10px;
margin-bottom: 20px
}
.hero .dots-wrap {
bottom: 20px
}
.advantages .box {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.advantages .item {
width: 50%;
margin: 10px 0
}
.advantages {
padding: 5px 0
}
.menu_item {
width: -webkit-calc(50% - 15px);
width: calc(50% - 15px)
}
.about_us .list .image {
margin-bottom: 10px
}
.about_us .list .image img {
display: block
}
.about_us {
padding: 50px 0
}
.about_us .list h3 {
font-size: 18px;
margin-bottom: 10px
}
.bestsellers {
padding: 50px 0
}
.about_us .list p {
margin-bottom: 10px
}
.free_delivery .time {
font-size: 24px
}
.menu_wrap {
padding-top: 35px
}
.title h1,
.title h2 {
font-size: 27px
}
.review .top {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.review .name {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
.review .date {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
text-align: right
}
.page .pagination li .page-numbers {
width: 37px;
height: 37px;
line-height: 37px
}
.reviews aside .form {
padding: 30px 15px
}
.news_item .name {
font-size: 16px;
margin-top: 7px;
margin-bottom: 10px
}
.news_item .desc {
font-size: 14px
}
.team_page {
display: block
}
.team_page .employee {
width: 100%
}
.team_page .employee .img {
margin-bottom: 25px
}
.team_page .employee .name {
margin-bottom: 7px
}
.contacts .form .input_box {
display: block
}
.contacts .form input {
width: 100%;
padding-left: 20px
}
.contacts .form textarea {
padding: 15px 20px
}
.contacts .form {
padding: 30px 15px
}
.contacts .box {
padding-top: 0
}
.contacts .data .item.tel a {
font-size: 18px
}
.contacts .data .item.tel {
margin-bottom: 10px
}
.contacts .data .item .img {
width: 75px;
height: 75px
}
.single_product .product_info .attr_item .data {
font-size: 14px
}
.single_product .product_info .btn {
padding-left: 30px;
padding-right: 50px
}
.single_product .product_info .btn:after {
right: 20px
}
.cart_table tbody .cart_item td {
padding: 3px
}
.cart_table tbody tr:first-child td {
padding: 3px
}
.cart_table tbody tr td:last-child {
padding: 3px;
text-align: right
}
.cart_table tbody .cart_item {
padding: 3px 0
}
.cart_table tbody tr:last-child td {
padding: 3px
}
.cart_item .info {
line-height: 1.3
}
.cart_item .img {
width: 90px
}
.cart_item .info {
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px)
}
.cart_table tbody .cart_item .prod_info {
padding-right: 0
}
.cart_table tbody .cart_item td .qty {
height: 35px
}
.cart_table tbody .cart_item td .qty a {
height: 35px;
line-height: 33px
}
.cart_table tbody .cart_item td .qty input {
height: 35px
}
.cart_table tbody .cart_item td.qty_wrap {
text-align: left
}
.product_item:before {
display: none
}
header .mob .cart_btn {
margin-right: 10px
}
.modal {
width: 100%;
padding: 40px 20px
}
[ui-pnotify].ui-pnotify .brighttheme.ui-pnotify-container {
width: 100%!important
}
.ui-pnotify.ui-pnotify-fade-in {
top: 10px!important;
left: 10px!important;
right: 10px!important
}
.review.answer {
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
margin-left: 20px
}
.page .pagination .page-numbers:not(ul) {
width: 38px;
height: 38px;
line-height: 38px
}
.similar .product_item .order {
margin: 0 auto
}
.similar .product_item {
padding-bottom: 5px
}
.page .cart_table .coupon {
display: block;
text-align: center
}
.page .cart_table .coupon label {
display: block;
width: 100%;
margin-bottom: 15px;
text-align: center
}
.page .cart_table tbody tr td.actions {
width: 100%
}
.cart_table tbody tr {
width: 100%;
display: block
}
.page .cart_table .coupon input.input-text {
width: 100%;
margin-right: 0;
margin-bottom: 15px
}
.cart_totals_table tbody tr td,
.cart_totals_table tbody tr th {
padding: 10px
}
.cart_totals_table tbody tr td .btn,
.cart_totals_table tbody tr th .btn {
padding: 10px 15px;
font-size: 14px
}
.cart_item .card .img .img {
margin-right: 0
}
}
@media screen and (max-width:370px) {
header .inner {
top: 50px
}
main section:first-child {
margin-top: 50px
}
header .mob .cart_btn {
margin-right: 5px
}
header .logo {
width: 70px
}
header .mob {
width: -webkit-calc(100% - 75px);
width: calc(100% - 75px)
}
header .acc_btn,
header .cart_btn,
header .mob .city_wr,
header .mob .get_call {
width: 40px;
height: 40px
}
header .acc_btn:before,
header .cart_btn:before,
header .mob .city_wr:before,
header .mob .get_call:before {
background-size: contain;
width: 20px;
height: 20px
}
header .acc_btn .count,
header .cart_btn .count,
header .mob .city_wr .count,
header .mob .get_call .count {
display: none
}
.toggle,
.toggle span,
.toggle span:after,
.toggle span:before {
width: 30px
}
.toggle.active span:before {
top: 4px
}
.toggle.active span:after {
bottom: 4px
}
.page .woocommerce .checkout_coupon input.input-text {
width: 180px
}
header .mob .city_wr .city_select {
margin-top: 15px
}
}
@media screen and (max-width: 1024px) {
footer .mobapp {
display: none;
}
.menu_item {
border-radius:24px;
}
.menu_item img
{
border-radius:24px;
}
}
footer .mobapp li a {
display: block;
} @media (max-width: 768px) {
#billing_flat_field.form-row-first,
#billing_entrance_field.form-row-last,
#billing_floor_field.form-row-first,
#billing_intercom_field.form-row-last,
#shipping_flat_field.form-row-first,
#shipping_entrance_field.form-row-last,
#shipping_floor_field.form-row-first,
#shipping_intercom_field.form-row-last {
width: 48% !important;
float: left !important;
clear: none !important;
}
#billing_flat_field.form-row-first,
#billing_floor_field.form-row-first,
#shipping_flat_field.form-row-first,
#shipping_floor_field.form-row-first {
margin-right: 4% !important;
}
#billing_entrance_field.form-row-last,
#billing_intercom_field.form-row-last,
#shipping_entrance_field.form-row-last,
#shipping_intercom_field.form-row-last {
margin-right: 0 !important;
float: right !important;
}
}
@media (max-width: 480px) {
#billing_flat_field.form-row-first,
#billing_entrance_field.form-row-last,
#billing_floor_field.form-row-first,
#billing_intercom_field.form-row-last,
#shipping_flat_field.form-row-first,
#shipping_entrance_field.form-row-last,
#shipping_floor_field.form-row-first,
#shipping_intercom_field.form-row-last {
width: 47% !important;
}
#billing_flat_field.form-row-first,
#billing_floor_field.form-row-first,
#shipping_flat_field.form-row-first,
#shipping_floor_field.form-row-first {
margin-right: 6% !important;
}
}
.menu_item img {
border-radius: 24px; }